.auth-body{background:radial-gradient(circle at top right, #1a1a2e, var(--bg-dark));justify-content:center;align-items:center;height:100vh;display:flex}.auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--surface-border);background:#ffffff08;border-radius:20px;width:100%;max-width:400px;padding:40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.auth-toggle{background:#0003;border-radius:12px;justify-content:space-between;margin-bottom:30px;padding:5px;display:flex}.auth-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;transition:all .3s}.auth-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px #6c63ff66}.auth-form{flex-direction:column;gap:20px;display:none}.auth-form.active{animation:.5s fadeInForm;display:flex}.auth-form input{border:1px solid var(--surface-border);color:#fff;background:#ffffff0d;border-radius:10px;outline:none;padding:15px;transition:all .3s}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 10px #6c63ff33}.auth-btn{background:linear-gradient(45deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:15px;font-weight:700;transition:transform .3s,box-shadow .3s}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6c63ff66}@keyframes fadeInForm{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:22px 0 14px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--surface-border);flex:1;height:1px}.social-auth-options{gap:10px;display:grid}.social-auth-button{width:100%;min-height:52px;color:var(--text-main);cursor:not-allowed;opacity:.82;text-align:left;background:#ffffff09;border:1px solid #94a3b833;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-weight:600;transition:border-color .2s,background .2s,transform .2s;display:flex}.social-auth-button:disabled{cursor:not-allowed}.social-auth-button:hover{background:#ffffff0e;border-color:#94a3b852;transform:translateY(-1px)}.social-auth-logo{flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.social-auth-logo svg{width:22px;height:22px}.github-logo{color:#f4f4f5;font-size:23px}.microsoft-logo{grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);gap:2px;display:grid}.microsoft-logo span:first-child{background:#f35325}.microsoft-logo span:nth-child(2){background:#81bc06}.microsoft-logo span:nth-child(3){background:#05a6f0}.microsoft-logo span:nth-child(4){background:#ffba08}.social-auth-label{letter-spacing:.01em;flex:1;font-size:13px}.social-auth-status{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;border:1px solid #94a3b833;border-radius:999px;padding:4px 7px;font-size:9px}.persona-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040812d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.persona-modal{background:linear-gradient(145deg,#151f31fa,#0c121ffa);border:1px solid #6ee6de38;border-radius:26px;width:min(680px,100%);padding:34px;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000080}.persona-modal-glow{opacity:.12;filter:blur(50px);background:#6ee6de;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-100px}.persona-kicker{color:#6ee6de;letter-spacing:2px;font-size:11px;font-weight:800;position:relative}.persona-modal h2{color:#fff;margin:12px 0 8px;font-size:clamp(22px,4vw,32px);position:relative}.persona-modal p{color:#94a3b8;margin:0 0 24px;line-height:1.7;position:relative}.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.persona-option{text-align:left;color:#cbd5e1;cursor:pointer;background:#ffffff09;border:1px solid #94a3b829;border-radius:16px;align-items:center;gap:13px;padding:16px;transition:all .2s;display:flex;position:relative}.persona-option:hover,.persona-option.selected{background:#6ee6de1a;border-color:#6ee6de;transform:translateY(-2px)}.persona-option>i:first-child{color:#6ee6de;text-align:center;width:26px;font-size:20px}.persona-option span{flex-direction:column;gap:4px;display:flex}.persona-option strong{color:#fff}.persona-option small{color:#94a3b8;font-size:11px;line-height:1.4}.persona-check{color:#6ee6de;font-size:12px;position:absolute;top:12px;right:12px}.persona-submit{color:#07111f;cursor:pointer;background:linear-gradient(90deg,#6ee6de,#8b5cf6);border:0;border-radius:14px;width:100%;margin-top:22px;padding:14px;font-weight:800;position:relative}.persona-submit:disabled{opacity:.45;cursor:not-allowed}@media (max-width:560px){.persona-modal{padding:24px}.persona-grid{grid-template-columns:1fr}}