:root{--bg:#0a0e0b;--bg-soft:#111813;--fg:#e8e4dc;--fg-muted:#8a8f85;--accent:#c9a96e;--accent-cyan:#7eb8a2;--border:#c9a96e1f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;line-height:1.65;display:flex}img{max-width:100%;display:block}a{color:inherit}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:linear-gradient(#0a0e0bf2,#0a0e0b99);justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}nav .logo{letter-spacing:.08em;color:var(--accent);align-items:center;gap:.6rem;font-family:Marcellus,serif;font-size:2rem;font-weight:600;text-decoration:none;display:flex}nav .logo img{width:46px;height:46px;display:block}nav .links{align-items:center;gap:2rem;display:flex}nav .links a{color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;text-decoration:none;transition:color .3s}nav .links a:hover,nav .links a.active{color:var(--accent)}.auth-wrap{flex:1;justify-content:center;align-items:center;padding:9rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.auth-wrap:before{content:"";z-index:0;background:radial-gradient(circle at 50% 0,#c9a96e14,#0000 55%),radial-gradient(circle at 50% 100%,#7eb8a20d,#0000 60%);position:absolute;inset:0}.auth-card{z-index:1;background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;padding:3rem 2.5rem;position:relative;box-shadow:0 30px 80px #00000073}.auth-card .mark{justify-content:center;margin-bottom:1.25rem;display:flex}.auth-card .mark img{width:64px;height:64px}.auth-card h1{text-align:center;letter-spacing:.01em;margin-bottom:.4rem;font-family:Cormorant Garamond,serif;font-size:2.1rem;font-weight:300}.auth-card .subtitle{text-align:center;color:var(--fg-muted);margin-bottom:2.25rem;font-size:.9rem;font-weight:300}.field{margin-bottom:1.4rem}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:.55rem;font-size:.72rem;display:block}.field input{border:1px solid var(--border);width:100%;color:var(--fg);background:#0a0e0b99;border-radius:8px;padding:.85rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.field input::placeholder{color:#8a8f8599}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c9a96e1f}.field-row{justify-content:space-between;align-items:center;margin:-.4rem 0 1.6rem;display:flex}.remember{color:var(--fg-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.remember input{accent-color:var(--accent);width:15px;height:15px}.forgot{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.82rem;text-decoration:none;transition:opacity .3s}.forgot:hover{opacity:.75}.btn-primary{background:var(--accent);color:#0a0e0b;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.95rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .3s,background .3s}.btn-primary:hover{background:#d8bb80;box-shadow:0 8px 24px #c9a96e40}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.divider{color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:1rem;margin:1.75rem 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-ghost{width:100%;color:var(--fg);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem;font-family:Inter,sans-serif;font-size:.88rem;font-weight:400;transition:border-color .3s,background .3s;display:flex}.btn-ghost:hover{border-color:var(--accent);background:#c9a96e0d}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.social-buttons{flex-direction:column;gap:.75rem;display:flex}.btn-ghost .icon{flex:none;width:18px;height:18px;display:block}.auth-error{color:#e6a3a3;text-align:center;background:#dc5a5a14;border:1px solid #dc5a5a4d;border-radius:8px;margin-bottom:1.4rem;padding:.7rem .9rem;font-size:.82rem}.auth-foot{text-align:center;color:var(--fg-muted);margin-top:2rem;font-size:.88rem}.auth-foot a{color:var(--accent);text-decoration:none}.auth-foot a:hover{text-decoration:underline}footer{text-align:center;color:var(--fg-muted);border-top:1px solid var(--border);padding:2.5rem 2rem;font-size:.8rem}footer .legal-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:.6rem;display:flex}footer .legal-links a{color:var(--fg-muted);letter-spacing:.04em;text-decoration:none;transition:color .3s}footer .legal-links a:hover{color:var(--accent)}.center-page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:8rem 1.5rem;display:flex}.center-page h1{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:300}.center-page h1 em{color:var(--accent);font-style:italic}.center-page p{color:var(--fg-muted);max-width:540px}.cta-link{background:var(--accent);color:#0a0e0b;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;margin-top:.5rem;padding:.85rem 2rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .3s;display:inline-block}.cta-link:hover{background:#d8bb80}@media (max-width:768px){nav .links{display:none}}@media (max-width:600px){nav{padding:1.25rem 1.5rem}.auth-card{padding:2.25rem 1.5rem}}