.signup-container{background:linear-gradient(135deg, var(--color-bg-surface) 0%, var(--color-bg-surface-alt) 100%);flex-direction:column;min-height:100vh;display:flex}.signup-content{padding:var(--spacing-lg);flex:1;justify-content:center;align-items:center;display:flex}.signup-form-wrapper{background-color:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:100%;max-width:450px;padding:var(--spacing-2xl);box-shadow:var(--shadow-elevated)}.signup-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-align:center;font-family:var(--font-family-heading)}.form-group{margin-bottom:var(--spacing-lg)}.form-group-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);display:block}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-md);background-color:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #bf5b431a}.form-error{color:var(--color-semantic-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.submit-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(90deg, var(--color-gradient-button-start), var(--color-gradient-button-mid), var(--color-gradient-button-end));color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none}.submit-button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.form-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-base)}.form-footer-link{color:var(--color-brand-accent);transition:color var(--transition-fast);text-decoration:none}.form-footer-link:hover{color:var(--color-brand-accent-light)}.success-state{text-align:center;padding:var(--spacing-lg) 0}.success-icon{margin-bottom:var(--spacing-lg);font-size:64px}.success-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-semantic-success);margin-bottom:var(--spacing-md)}.success-message{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.success-link{color:var(--color-brand-accent);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);text-decoration:none;display:inline-block}.success-link:hover{color:var(--color-brand-accent-light)}@media (max-width:480px){.signup-form-wrapper{padding:var(--spacing-lg)}.signup-title{font-size:var(--font-size-2xl)}.form-group-row{grid-template-columns:1fr}}.login-form-wrapper,.signup-form-wrapper{-webkit-backdrop-filter:blur(22px)saturate(150%);background:#f4f1ea0a;border:1px solid #f4f1ea1f;border-radius:22px;position:relative;box-shadow:inset 0 1px #f4f1ea14,0 28px 70px #00000073}.login-form-wrapper:before,.signup-form-wrapper:before{content:"";background:linear-gradient(90deg,#0000,#f4f1ea4d,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login-form-wrapper,.signup-form-wrapper{background:#111111eb}}.login-title,.signup-title{font-family:var(--font-family-display);color:#f4f1ea;font-size:clamp(30px,4vw,44px);font-weight:300}.form-label{letter-spacing:.28em;text-transform:uppercase;color:#f4f1eab3;font-size:10px}.form-input{color:#f4f1ea;appearance:none;background:0 0;border:0;border-bottom:1px solid #f4f1ea59;border-radius:0;padding:8px 0 10px;transition:border-color .24s}.form-input::placeholder{color:#f4f1ea66}.form-input:focus{border:0;border-bottom:1px solid var(--color-brand-accent);box-shadow:none;outline:none}.submit-button{color:#fff;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg, var(--color-gradient-button-start) 0%, var(--color-gradient-button-mid) 50%, var(--color-gradient-button-end) 100%);border:0;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:15px 30px;font-size:12px;font-weight:500;transition:filter .24s,opacity .24s;display:inline-flex;box-shadow:0 2px 10px #7a322573,inset 0 1px #ffffff29}.submit-button:hover:not(:disabled){filter:brightness(1.1);transform:none;box-shadow:0 2px 10px #7a322573,inset 0 1px #ffffff29}.submit-button:disabled{color:#ffffff8c;opacity:.35}.form-error{color:#f4f1ead9;background:#bf5b4314;border:1px solid #bf5b4366;border-radius:14px}