@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(9%,4%)}90%{transform:translate(-1%,7%)}}.authPage,body,html{background:#0a0a0a}.authPage{min-height:100vh;color:#fafaf6;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.authPage:before{top:-50%;left:-50%;width:200%;height:200%;background:rgba(255,255,255,.01);opacity:.5;mix-blend-mode:overlay}.authPage:after,.authPage:before{content:"";position:fixed;pointer-events:none;z-index:1}.authPage:after{top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 200px rgba(0,0,0,.4)}.authContainer{position:relative;z-index:10;width:100%;max-width:900px}.backLink{font-family:Inconsolata,monospace;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#999999;text-decoration:none;transition:color .3s ease;display:inline-block;margin-bottom:2rem}.backLink:hover{color:#fafaf6}.authCard{background:rgba(250,250,246,.03);border:2px solid rgba(250,250,246,.1);padding:3rem;backdrop-filter:blur(20px)}.authTitle{font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:900;letter-spacing:-.03em;margin:0 0 1rem;color:#fafaf6}.authSubtitle{font-family:Literata,Georgia,serif;font-size:1.1rem;color:#b0b0b0;margin:0 0 3rem}.authForm{gap:2rem}.authForm,.formField{display:flex;flex-direction:column}.formField{gap:.75rem}.formField label{font-family:Inconsolata,monospace;font-size:.75rem;font-weight:900;letter-spacing:.2em;color:#fafaf6}.formField input{font-family:Space Grotesk,sans-serif;font-size:1rem;padding:1rem;background:transparent;border:2px solid rgba(250,250,246,.2);color:#fafaf6;transition:all .3s ease}.formField input:focus{outline:none;border-color:rgba(250,250,246,.5);background:rgba(250,250,246,.03)}.formField input::-moz-placeholder{color:rgba(250,250,246,.3)}.formField input::placeholder{color:rgba(250,250,246,.3)}.authButton{font-family:Inconsolata,monospace;font-size:.875rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;padding:1.25rem;background:#fafaf6;color:#0a0a0a;border:2px solid #fafaf6;cursor:pointer;transition:all .3s ease;margin-top:1rem}.authButton:hover{background:transparent;color:#fafaf6}.authFooter{font-family:Literata,Georgia,serif;font-size:.95rem;text-align:center;margin-top:2rem;color:#b0b0b0}.authLink{color:#d4a574;text-decoration:none;font-weight:600}.authLink:hover{text-decoration:underline}.skipButton{font-family:Inconsolata,monospace;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(250,250,246,.5);text-decoration:none;display:block;text-align:center;margin-top:2rem;padding:1rem;border:1px solid rgba(250,250,246,.1);transition:all .3s ease}.skipButton:hover{color:#fafaf6;border-color:rgba(250,250,246,.3);background:rgba(250,250,246,.03)}.roleSelector{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.roleCard{background:rgba(250,250,246,.03);border:2px solid rgba(250,250,246,.15);padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.roleCard:hover{border-color:rgba(250,250,246,.4);background:rgba(250,250,246,.05);transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.3)}.roleIcon{margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.roleIcon svg{color:#d4a574}.roleTitle{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:#fafaf6}.roleDescription{font-family:Literata,Georgia,serif;font-size:.95rem;color:#e0e0e0;margin:0 0 1.5rem;line-height:1.6}.roleFeatures{list-style:none;padding:0;margin:0 0 1.5rem;width:100%}.roleFeatures li{font-family:Inconsolata,monospace;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 0;border-bottom:1px solid rgba(250,250,246,.1);color:#d0d0d0}.roleFeatures li:last-child{border-bottom:none}.roleFeatures li:before{content:"✓ ";color:#d4a574;margin-right:.5rem}.roleButton{font-family:Inconsolata,monospace;font-size:.75rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;padding:.875rem 1.5rem;background:transparent;color:#fafaf6;border:2px solid #777777;transition:all .3s ease;margin-top:auto}.roleCard:hover .roleButton{background:#fafaf6;color:#0a0a0a;border-color:#fafaf6}.roleExplainer{font-family:Literata,Georgia,serif;font-size:.9rem;text-align:center;color:#999999;line-height:1.6;max-width:600px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(250,250,246,.1)}@media (max-width:768px){.roleSelector{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:640px){.authCard{padding:2rem}.authTitle{font-size:2rem}.roleCard{padding:1.5rem}.roleIcon{font-size:2.5rem}}