.auth-body{margin:0;padding:0;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.auth-page{min-height:100vh;position:relative;overflow:hidden}.auth-bg{position:fixed;inset:0;z-index:0}.auth-bg-gradient{position:absolute;inset:0;background:var(--background)}.auth-bg-gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 50%,rgba(194,154,118,.15) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(194,154,118,.1) 0%,transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(26,61,73,.6) 0%,transparent 50%)}.auth-bg-pattern{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.auth-wrapper{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1fr}@media(min-width:1024px){.auth-wrapper{grid-template-columns:1fr 1fr}}.auth-branding{display:none;padding:var(--spacing-12);background:transparent}@media(min-width:1024px){.auth-branding{display:flex;align-items:center;justify-content:center}}.auth-branding-content{max-width:480px}.auth-logo{display:inline-flex;align-items:center;gap:var(--spacing-3);text-decoration:none;margin-bottom:var(--spacing-10)}.auth-logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#D4A574 100%);border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #c29a764d}.auth-logo-icon svg{width:26px;height:26px;color:var(--background)}.auth-logo-text{font-size:1.75rem;font-weight:700;color:var(--white);letter-spacing:-.02em}.auth-logo-text span{color:var(--primary)}.auth-branding-title{font-size:2.5rem;font-weight:700;color:var(--white);line-height:1.2;margin:0 0 var(--spacing-4) 0}.auth-branding-text{font-size:var(--font-size-lg);color:var(--grey);line-height:1.7;margin:0 0 var(--spacing-10) 0}.auth-branding-features{display:flex;flex-direction:column;gap:var(--spacing-6)}.auth-feature{display:flex;align-items:flex-start;gap:var(--spacing-4)}.auth-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#c29a761a;border:1px solid rgba(194,154,118,.2);border-radius:var(--border-radius-lg);flex-shrink:0}.auth-feature-icon svg{width:22px;height:22px;color:var(--primary)}.auth-feature h3{font-size:var(--font-size-base);font-weight:600;color:var(--white);margin:0 0 2px}.auth-feature p{font-size:var(--font-size-sm);color:var(--grey);margin:0}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);min-height:100vh}@media(min-width:640px){.auth-form-side{padding:var(--spacing-12)}}.auth-box{width:100%;max-width:420px;background:var(--detail);border:1px solid var(--border);border-radius:var(--border-radius-xl);padding:var(--spacing-8);box-shadow:0 24px 64px #0000004d}@media(min-width:640px){.auth-box{padding:var(--spacing-10)}}.auth-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-header-logo{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);text-decoration:none}.auth-header-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#D4A574 100%);border-radius:var(--border-radius-lg)}.auth-header-logo-icon svg{width:22px;height:22px;color:var(--background)}.auth-header-logo-text{font-size:1.25rem;font-weight:700;color:var(--white)}.auth-header-logo-text span{color:var(--primary)}.auth-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--white);margin:0 0 var(--spacing-2) 0}.auth-header h2{font-size:var(--font-size-lg);font-weight:400;color:var(--grey);margin:0}.auth-header-icon{width:64px;height:64px;margin:0 auto var(--spacing-5);display:flex;align-items:center;justify-content:center;background:#c29a761a;border:1px solid rgba(194,154,118,.2);border-radius:var(--border-radius-full)}.auth-header-icon svg{width:32px;height:32px;color:var(--primary)}.auth-form-group{margin-bottom:var(--spacing-5)}.auth-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);margin-bottom:var(--spacing-2)}.auth-label svg{width:16px;height:16px;opacity:.7}.auth-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-family:inherit;color:var(--white);background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.auth-input::placeholder{color:var(--grey)}.auth-input:hover{border-color:#ffffff26}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c29a7626}.auth-input.is-error{border-color:#ef4444}.auth-input.is-error:focus{box-shadow:0 0 0 3px #ef444426}.auth-input-wrapper{position:relative}.auth-input-wrapper .auth-input{padding-left:var(--spacing-10)}.auth-input-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--grey);pointer-events:none}.auth-password-toggle{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--spacing-1);color:var(--grey);cursor:pointer;transition:color var(--transition-fast)}.auth-password-toggle:hover{color:var(--text-light)}.auth-password-toggle svg{width:20px;height:20px}.auth-error{display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:#ef4444}.auth-error svg{width:14px;height:14px;flex-shrink:0}.auth-checkbox-group{display:flex;align-items:center;gap:var(--spacing-3)}.auth-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.auth-checkbox-label{font-size:var(--font-size-sm);color:var(--text-light);cursor:pointer}.auth-form-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.auth-forgot-link{font-size:var(--font-size-sm);color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}.auth-forgot-link:hover{color:#d4a574}.auth-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);font-size:var(--font-size-base);font-weight:600;font-family:inherit;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.auth-btn svg{width:20px;height:20px}.auth-btn-primary{background:var(--primary);color:var(--background);box-shadow:0 4px 16px #c29a764d}.auth-btn-primary:hover{background:#d4a574;box-shadow:0 8px 24px #c29a7666;transform:translateY(-2px)}.auth-btn-primary:active{transform:translateY(0)}.auth-btn-secondary{background:transparent;color:var(--text-light);border:1px solid var(--border)}.auth-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff26;color:var(--white)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-divider{display:flex;align-items:center;gap:var(--spacing-4);margin:var(--spacing-6) 0}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider-text{font-size:var(--font-size-sm);color:var(--grey)}.auth-links{text-align:center;margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border)}.auth-links p{font-size:var(--font-size-sm);color:var(--grey);margin:0}.auth-links a{color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.auth-links a:hover{color:#d4a574}.auth-back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--grey);text-decoration:none;margin-top:var(--spacing-6);transition:color var(--transition-fast)}.auth-back-link svg{width:16px;height:16px}.auth-back-link:hover{color:var(--primary)}.auth-message{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6)}.auth-message svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.auth-message-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399}.auth-message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.auth-message-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.auth-verify-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.section-login{min-height:100vh}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-box .form-group{margin-bottom:var(--spacing-5)}.auth-box .form-group label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);margin-bottom:var(--spacing-2)}.auth-box .form-group input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-family:inherit;color:var(--white);background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.auth-box .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c29a7626}.auth-box .error-message{display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:#ef4444}.remember-group{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.remember-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.remember-group label{font-size:var(--font-size-sm);color:var(--text-light);margin:0}.auth-box .btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);font-size:var(--font-size-base);font-weight:600;font-family:inherit;background:var(--primary);color:var(--background);border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 16px #c29a764d}.auth-box .btn-primary:hover{background:#d4a574;box-shadow:0 8px 24px #c29a7666;transform:translateY(-2px)}.auth-box .btn-secondary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);font-size:var(--font-size-base);font-weight:500;font-family:inherit;background:transparent;color:var(--text-light);border:1px solid var(--border);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.auth-box .btn-secondary:hover{background:#ffffff0d;border-color:#ffffff26;color:var(--white)}.form-footer{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-6)}@media(min-width:480px){.form-footer{flex-direction:row;align-items:center;justify-content:space-between}}.form-footer a{font-size:var(--font-size-sm);color:var(--primary);text-decoration:none;order:1}@media(min-width:480px){.form-footer a{order:0}}.form-footer a:hover{color:#d4a574}.form-footer .btn-primary{order:0}@media(min-width:480px){.form-footer .btn-primary{order:1;width:auto;padding:var(--spacing-3) var(--spacing-6)}}.success-message,.status-message{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-lg);color:#34d399;margin-bottom:var(--spacing-6)}.auth-description{font-size:var(--font-size-sm);color:var(--grey);text-align:center;line-height:1.6;margin-bottom:var(--spacing-6)}.verify-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.auth-mobile-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-6)}@media(min-width:1024px){.auth-mobile-logo{display:none}}.auth-mobile-logo a{display:inline-flex;align-items:center;gap:var(--spacing-2);text-decoration:none}.auth-mobile-logo .auth-logo-icon{width:36px;height:36px}.auth-mobile-logo .auth-logo-icon svg{width:20px;height:20px}.auth-mobile-logo .auth-logo-text{font-size:1.25rem}