*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0f0e17;color:#e0dcd6;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-image:radial-gradient(ellipse at 20% 50%,rgba(212,165,116,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(212,165,116,.04) 0%,transparent 50%);background-attachment:fixed}#landing-root{display:flex;max-width:1200px;width:100%;min-height:600px;background:#0f0e17d9;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:48px;border:1px solid rgba(212,165,116,.12);box-shadow:0 40px 80px #0009;overflow:hidden}.brand-section{flex:1.2;padding:3rem 2.5rem;display:flex;align-items:center;background:radial-gradient(circle at 20% 30%,#1a1822,#0f0e17 90%);position:relative}.brand-section:after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:2px;background:linear-gradient(to bottom,transparent,rgba(212,165,116,.2),transparent)}.brand-content{max-width:440px}.logo-wrapper{display:flex;align-items:center;gap:.8rem;margin-bottom:1.8rem}.logo-icon{width:56px;height:56px;border-radius:50%;overflow:hidden;border:1px solid rgba(212,165,116,.15);box-shadow:0 4px 20px #d4a5741a;flex-shrink:0;background:#1a1a2e}.logo-icon img{width:100%;height:100%;object-fit:cover;display:block}.version{font-size:1.1rem;background:#d4a5741f;padding:.3rem 1.2rem;border-radius:40px;color:#d4a574;border:1px solid rgba(212,165,116,.2);letter-spacing:.8px;font-weight:600}.tagline{font-size:2.4rem;font-weight:300;line-height:1.2;margin-bottom:.8rem;background:linear-gradient(135deg,#f5d6a8,#d4a574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Georgia,Times New Roman,serif}.description{font-size:1.05rem;line-height:1.7;color:#ffffff8c;margin-bottom:2rem}.features{display:flex;gap:1.8rem;font-size:.95rem;color:#ffffff40;letter-spacing:.3px}.features span{display:flex;align-items:center;gap:.3rem}.auth-section{flex:1;padding:3rem 2rem;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:380px}.tabs{display:flex;gap:.5rem;margin-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.8rem}.tab-btn{background:transparent;border:none;color:#ffffff4d;font-size:1.1rem;padding:.4rem 1rem;cursor:pointer;transition:all .25s;border-radius:6px;font-weight:500;font-family:inherit}.tab-btn.active{color:#fffffe;background:#ffffff0d}.tab-btn:hover:not(.active){color:#fff9}.auth-form{display:none;flex-direction:column;gap:1.2rem}.auth-form.active{display:flex}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.85rem;color:#ffffff59;letter-spacing:.3px}.form-group input{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:.7rem 1rem;border-radius:12px;color:#e0dcd6;font-size:1rem;transition:border .2s;outline:none;font-family:inherit}.form-group input:focus{border-color:#d4a5744d;box-shadow:0 0 0 3px #d4a5740d}.form-group input::placeholder{color:#ffffff26}.btn-primary{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;padding:.8rem;border-radius:40px;font-size:1.05rem;font-weight:600;color:#0f0e17;cursor:pointer;transition:transform .15s,box-shadow .2s;margin-top:.4rem;font-family:inherit;box-shadow:0 4px 16px #d4a57433}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #d4a5744d}.btn-primary:active{transform:scale(.97)}.auth-switch{text-align:center;font-size:.9rem;color:#ffffff40}.auth-switch a{color:#d4a574;text-decoration:none;font-weight:500;cursor:pointer}.auth-switch a:hover{text-decoration:underline}.message{margin-top:1rem;padding:.6rem 1rem;border-radius:12px;font-size:.9rem;text-align:center;display:none}.message.error{display:block;background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171}.message.success{display:block;background:#22c55e14;border:1px solid rgba(34,197,94,.15);color:#22c55e}@media (max-width: 820px){#landing-root{flex-direction:column;min-height:auto;border-radius:32px}.brand-section{padding:2rem 1.5rem}.brand-section:after{display:none}.auth-section{padding:2rem 1.5rem}.tagline{font-size:1.8rem}.features{flex-wrap:wrap;gap:1rem}}@media (max-width: 480px){.brand-section,.auth-section{padding:1.5rem 1rem}.logo-icon{width:44px;height:44px}.tagline{font-size:1.4rem}}.identity-selector{margin-top:.2rem;width:100%}.identity-selector .section-label{font-size:.85rem;color:#fff6;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.identity-selector .section-label small{color:#ffffff26;font-weight:400;font-size:.7rem}.primary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.2rem}.identity-card{background:#ffffff08;border:2px solid rgba(255,255,255,.06);border-radius:10px;padding:.5rem .2rem;text-align:center;cursor:pointer;transition:all .25s ease;user-select:none}.identity-card:hover{border-color:#ffffff26;background:#ffffff0d}.identity-card .icon{font-size:1.3rem;display:block}.identity-card .label{font-size:.8rem;color:#ffffff80;font-weight:500;display:block;margin-top:.1rem}.identity-card .badge{font-size:.55rem;background:#ffffff0a;padding:.05rem .4rem;border-radius:4px;color:#fff3;display:inline-block;margin-top:.1rem}.identity-card.selected-primary{border-color:#d4a574;background:#d4a57414;box-shadow:0 0 20px #d4a5740f}.identity-card.selected-primary .label{color:#f5d6a8}.identity-card.selected-primary .badge{background:#d4a57426;color:#d4a574}.secondary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.2rem}.secondary-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:6px;padding:.3rem .2rem;text-align:center;cursor:pointer;transition:all .2s ease;opacity:.5;user-select:none}.secondary-card:hover{opacity:.8;border-color:#ffffff14}.secondary-card .icon{font-size:1rem;display:block}.secondary-card .label{font-size:.7rem;color:#ffffff4d;display:block}.secondary-card.selected-secondary{border-color:#6a9fb566;background:#6a9fb50f;opacity:1}.secondary-card.selected-secondary .label{color:#b0d8e8}.identity-hint{font-size:.75rem;color:#ffffff26;margin-top:.4rem;text-align:center;border-top:1px solid rgba(255,255,255,.03);padding-top:.5rem;min-height:1.6rem;letter-spacing:.3px}@media (max-width: 500px){.primary-grid,.secondary-grid{grid-template-columns:repeat(2,1fr)}}.orientation-selector{margin-top:.9rem;width:100%}.orientation-selector .section-label{font-size:.85rem;color:#fff6;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.orientation-selector .section-label small{color:#ffffff26;font-weight:400;font-size:.7rem}.orientation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.orientation-card{background:#ffffff08;border:2px solid rgba(255,255,255,.06);border-radius:10px;padding:.5rem .2rem;text-align:center;cursor:pointer;transition:all .25s ease;user-select:none}.orientation-card:hover{border-color:#ffffff26;background:#ffffff0d}.orientation-card .icon{font-size:1.3rem;display:block}.orientation-card .label{font-size:.8rem;color:#ffffff80;font-weight:500;display:block;margin-top:.1rem}.orientation-card .badge{font-size:.55rem;background:#ffffff0a;padding:.05rem .4rem;border-radius:4px;color:#fff3;display:inline-block;margin-top:.1rem}.orientation-card.selected-orientation{border-color:#6a9fb5;background:#6a9fb514;box-shadow:0 0 20px #6a9fb50f}.orientation-card.selected-orientation .label{color:#b0d8e8}.orientation-card.selected-orientation .badge{background:#6a9fb526;color:#b0d8e8}.orientation-hint{font-size:.75rem;color:#ffffff26;margin-top:.4rem;text-align:center;border-top:1px solid rgba(255,255,255,.03);padding-top:.5rem;min-height:1.6rem;letter-spacing:.3px}@media (max-width: 500px){.orientation-grid{grid-template-columns:repeat(2,1fr)}}