Update

style.css

@@ -14,7 +14,7 @@
     --dark: #0e0e0e;
     --mid-grey: #7a7265;
     --light-grey: #d6d0c8;
-    --fine-beige: #e8e0d0;
+    --fine-beige: #efe9db;
     --lacueor-dark: #1a1814;
     --lacueor-gold: #c9aa5e;
     --border: rgba(184, 150, 90, 0.25);
@@ -360,7 +360,7 @@ body::before {
     font-size: 9px;
     font-weight: 600;
     letter-spacing: 0.28em;
-    text-transform: uppercase;
+    text-transform: none;
     padding: 12px 32px;
     border: 1px solid;
     transition: all var(--transition);
@@ -812,7 +812,7 @@ footer {
     color: var(--mid-grey);
 }
 
-.form-group input,
+.form-group input:not([type="checkbox"]),
 .signup-form textarea {
     font-family: var(--font-sans);
     font-size: 13px;
@@ -835,7 +835,7 @@ footer {
     color: var(--light-grey);
 }
 
-.form-group input:focus,
+.form-group input:not([type="checkbox"]):focus,
 .signup-form textarea:focus {
     border-color: var(--gold);
     box-shadow: 0 0 0 3px rgba(184, 150, 90, 0.12);
@@ -845,6 +845,10 @@ footer {
     grid-column: 1 / -1;
 }
 
+.form-group--half {
+    grid-column: span 1;
+}
+
 .signup-form textarea {
     resize: vertical;
     min-height: 120px;
@@ -874,6 +878,33 @@ footer {
     color: var(--warm-white);
 }
 
+/* Checkbox group */
+.checkbox-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px 20px;
+    padding-top: 4px;
+}
+
+.checkbox-label {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 12px;
+    font-weight: 300;
+    letter-spacing: 0.04em;
+    color: var(--charcoal);
+    cursor: pointer;
+}
+
+.checkbox-label input[type="checkbox"] {
+    width: 16px;
+    height: 16px;
+    accent-color: var(--gold);
+    cursor: pointer;
+    margin: 0;
+}
+
 /* Gold rule above the notice */
 .signup-notice-rule {
     width: 60px;
@@ -887,6 +918,78 @@ footer {
     margin: 0 auto 24px;
 }
 
+/* Confirmation panel */
+.signup-confirm {
+    max-width: 500px;
+    margin: 0 auto;
+    text-align: center;
+    padding: 60px 40px;
+}
+
+.signup-confirm-inner {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 16px;
+}
+
+.signup-confirm-icon {
+    width: 48px;
+    height: 48px;
+    border: 2px solid var(--gold);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 8px;
+}
+
+.signup-confirm-icon::before {
+    content: "";
+    display: block;
+    width: 14px;
+    height: 7px;
+    border-left: 2px solid var(--gold);
+    border-bottom: 2px solid var(--gold);
+    transform: rotate(-45deg) translateY(-1px);
+}
+
+.signup-confirm-title {
+    font-family: var(--font-serif);
+    font-size: 28px;
+    font-weight: 300;
+    letter-spacing: 0.06em;
+    color: var(--charcoal);
+}
+
+.signup-confirm-body {
+    font-size: 13px;
+    font-weight: 300;
+    line-height: 1.8;
+    color: var(--mid-grey);
+    letter-spacing: 0.02em;
+    max-width: 380px;
+}
+
+/* Error states */
+.form-group .field-error {
+    font-size: 9px;
+    font-weight: 500;
+    letter-spacing: 0.1em;
+    color: #c0392b;
+    margin-top: 2px;
+    display: none;
+}
+
+.form-group.has-error .field-error {
+    display: block;
+}
+
+.form-group.has-error input,
+.form-group.has-error textarea {
+    border-color: #c0392b;
+}
+
 /* ============================================================
    RESPONSIVE
    ============================================================ */