.auth-page{background-color:hsl(var(--muted));flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex}.auth-page--marketing{background-color:#f7f7f5}.auth-container{width:100%;max-width:400px}.auth-panel{background-color:#fff;border:1px solid #e7e5e4;border-radius:2px;width:100%;padding:2rem 1.5rem}@media (min-width:640px){.auth-panel{padding:2.5rem 2rem}}.auth-logo{z-index:10;position:absolute;top:24px;left:24px}.auth-logo img{width:auto;height:32px}.auth-top-right{z-index:10;position:absolute;top:24px;right:24px}.auth-nav-btn{color:#0a0a0a;background-color:#fff;border:1px solid #0a0a0a;border-radius:2px;align-items:center;padding:8px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:inline-flex}.auth-nav-btn:hover{color:#fff;background-color:#0a0a0a}.auth-title{text-align:center;margin-bottom:24px}.auth-title h1{color:#0a0a0a;letter-spacing:-.025em;margin:0;font-size:32px;font-weight:600;line-height:1.2}.auth-title p{color:#737373;margin-top:12px;font-size:15px}.auth-title-note{color:#a3a3a3;margin-top:10px;font-size:12px}.auth-input{color:#0a0a0a;box-sizing:border-box;background-color:#fff;border:1px solid #d6d3d1;border-radius:2px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.auth-input::placeholder{color:#a3a3a3}.auth-input:focus{border-color:#0a0a0a;box-shadow:0 0 0 2px #0a0a0a14}.auth-btn-primary{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#0a0a0a;border:1px solid #0a0a0a;border-radius:2px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px 16px;font-size:15px;font-weight:600;transition:background-color .15s ease-in-out;display:flex}.auth-btn-primary:hover{background-color:#000}.auth-btn-primary:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0a0a0a33}.auth-btn-oauth{color:#0a0a0a;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d6d3d1;border-radius:2px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;font-weight:500;transition:background-color .15s ease-in-out;display:flex}.auth-btn-oauth:hover{background-color:#f7f7f5;border-color:#0a0a0a}.auth-btn-oauth:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0a0a0a33}.auth-btn-oauth svg{width:20px;height:20px}.auth-divider{margin:32px 0;position:relative}.auth-divider:before{content:"";background-color:#e7e5e4;width:100%;height:1px;display:block}.auth-footer{text-align:center;color:#737373;margin-top:48px;font-size:15px}.auth-footer a,.auth-link{color:#6d28d9;font-weight:500;text-decoration:none;transition:color .15s ease-in-out}.auth-footer a:hover,.auth-link:hover{color:#5b21b6}.auth-hint{text-align:center;color:#a3a3a3;margin-top:8px;font-size:12px}.auth-inline-icon{opacity:.78;width:18px;height:18px}.auth-legal{text-align:center;color:hsl(var(--muted-foreground));margin-top:32px;font-size:12px;line-height:1.6}.auth-legal a{color:hsl(var(--muted-foreground));text-decoration:none}.auth-legal a:hover{color:hsl(var(--foreground))}.auth-choice-grid{justify-content:center;gap:16px;display:flex}.auth-choice-grid form{flex:1;display:flex}.auth-choice-card{border-radius:calc(var(--radius) + 4px);border:1px solid hsl(var(--border));background:hsl(var(--card));cursor:pointer;color:hsl(var(--foreground));flex-direction:column;flex:1;align-items:center;gap:8px;padding:32px 16px;transition:border-color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;display:flex}.auth-choice-card:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent-foreground) / .2)}.auth-choice-card:focus{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring));outline:none}.auth-choice-card svg{color:hsl(var(--muted-foreground));margin-bottom:4px}.auth-choice-title{color:hsl(var(--foreground));font-size:16px;font-weight:600}.auth-choice-desc{color:hsl(var(--muted-foreground));font-size:13px}@media (max-width:480px){.auth-choice-grid{flex-direction:column}}.dark .auth-page,.dark .auth-page--marketing{background-color:hsl(var(--background))}.dark .auth-panel{border-color:hsl(var(--border));background-color:hsl(var(--card))}.dark .auth-nav-btn{border-color:hsl(var(--border));background-color:hsl(var(--card));color:hsl(var(--foreground))}.dark .auth-nav-btn:hover{background-color:hsl(var(--foreground));color:hsl(var(--background))}.dark .auth-title h1{color:hsl(var(--foreground))}.dark .auth-title p,.dark .auth-title-note{color:hsl(var(--muted-foreground))}.dark .auth-input{border-color:hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground))}.dark .auth-input::placeholder{color:hsl(var(--muted-foreground))}.dark .auth-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .25)}.dark .auth-btn-primary{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.dark .auth-btn-primary:hover{background-color:hsl(var(--primary) / .9)}.dark .auth-btn-primary:focus{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring))}.dark .auth-btn-oauth{color:hsl(var(--foreground));background-color:hsl(var(--card));border-color:hsl(var(--border))}.dark .auth-btn-oauth:hover{border-color:hsl(var(--ring));background-color:hsl(var(--accent))}.dark .auth-btn-oauth:focus{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring))}.dark .auth-divider:before{background-color:hsl(var(--border))}.dark .auth-footer{color:hsl(var(--muted-foreground))}.dark .auth-footer a,.dark .auth-link{color:hsl(var(--primary))}.dark .auth-footer a:hover,.dark .auth-link:hover{color:hsl(var(--primary) / .85)}.dark .auth-hint{color:hsl(var(--muted-foreground))}.auth-card{background:hsl(var(--card));border-radius:calc(var(--radius) + 8px);border:1px solid hsl(var(--border));width:100%;max-width:480px;padding:40px 32px}@media (min-width:640px){.auth-card{padding:48px}}