.auth-modal{width:min(420px,calc(100% - 28px));background:rgba(7,22,45,.92);color:#f0f7ff;border:1px solid rgba(54,162,255,.25);box-shadow:0 24px 70px rgba(0,4,16,.55);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.auth-modal::backdrop{background-color:#020914;background-image:linear-gradient(rgba(1,7,18,.22),rgba(1,7,18,.22)),url("assets/brand-login-dark.png");background-position:center;background-size:cover;background-repeat:no-repeat}.auth-modal form{padding:27px}.auth-squid{height:62px;margin:0 auto 10px;text-align:center}.auth-squid img{height:62px;width:78px;object-fit:contain}.auth-modal h2{font-size:23px;margin:0;text-align:center}.auth-wordmark{height:33px;margin:4px auto 12px;max-width:235px;overflow:hidden}.auth-wordmark img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.auth-wordmark .light-brand{display:none!important}.auth-wordmark .dark-brand{display:block!important}.auth-modal p:not(.eyebrow):not(.auth-error){font-size:12px;line-height:1.55;color:#b5c6d8;margin:0 0 20px}.auth-modal label:not(.auth-choice){display:block;font-size:11px;font-weight:700;margin-top:13px}.auth-modal input[type=email],.auth-modal input[type=password]{width:100%;margin-top:6px;border:1px solid #344f72;border-radius:7px;padding:10px;font:13px Manrope;background:rgba(6,20,42,.88);color:#eaf2ff}.auth-choice{display:flex;gap:8px;align-items:center;margin:15px 0;font-size:12px;color:#b5c6d8}.auth-choice input{accent-color:#115df5}.auth-error{min-height:16px;color:#ff8794!important;margin:0 0 9px!important}.auth-modal .primary{width:100%}.auth-modal small{display:block;text-align:center;color:#8fa7bf;margin-top:13px;font-size:10px}.dark .auth-modal{background:rgba(7,22,45,.92);color:#f0f4fb}

/* Login composition */
.auth-modal,.dark .auth-modal{width:min(460px,calc(100% - 24px));max-height:calc(100vh - 24px);overflow:auto;background:transparent;color:#f4f8ff;border:0;border-radius:24px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.auth-brand{display:flex;flex-direction:column;align-items:center;margin:0 auto 20px;text-align:center}.auth-brand-logo{width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(0,205,255,.28))}.auth-brand-wordmark{width:350px;max-width:82vw;height:64px;object-fit:cover;object-position:center;margin-top:-12px;mix-blend-mode:screen;filter:drop-shadow(0 0 9px rgba(0,186,255,.2))}.auth-brand>span{margin-top:-7px;color:#eef7ff;font:600 12px "DM Mono",monospace;letter-spacing:4px;text-transform:uppercase}.auth-brand>span b{color:#14cbed;font-weight:700}
.auth-modal form{padding:27px 31px 25px;border:1px solid rgba(71,170,255,.72);border-radius:25px;background:linear-gradient(145deg,rgba(9,29,57,.94),rgba(3,15,34,.94));box-shadow:0 0 28px rgba(0,132,255,.18),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.signup-name[hidden]{display:none!important}
.auth-modal h2{font-size:27px;letter-spacing:-.8px;margin:0;text-align:center}.auth-modal .auth-subtitle{margin:3px 0 18px!important;text-align:center;color:#9fb0c3!important;font-size:13px!important}.auth-modal label:not(.auth-choice){display:block;margin-top:13px;color:#edf5ff;font-size:11px;font-weight:700}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-link{border:0;background:transparent;color:#10ccec;padding:0;font:600 10px Manrope;cursor:pointer}
.auth-input{display:flex;align-items:center;margin-top:6px;border:1px solid rgba(78,126,177,.38);border-radius:7px;background:rgba(18,43,73,.72);overflow:hidden}.auth-input>span{display:grid;place-items:center;width:40px;align-self:stretch;color:#b8cadc;border-right:1px solid rgba(92,142,194,.25);font-size:15px}.auth-modal .auth-input input[type=email],.auth-modal .auth-input input[type=password]{min-width:0;margin:0;padding:11px 10px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#eef7ff;font:13px Manrope;outline:0}.auth-input:focus-within{border-color:#20c9f0;box-shadow:0 0 0 3px rgba(15,190,240,.1)}
.auth-error{min-height:14px;margin:7px 0 5px!important}.auth-modal .primary{width:100%;padding:12px;margin-top:0;border-radius:7px;background:linear-gradient(180deg,#11d8ee,#087ff4);box-shadow:0 5px 18px rgba(0,145,255,.28);color:#031327}.auth-divider{display:flex;align-items:center;gap:13px;margin:15px 0 13px;color:#b6c3d2;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(135,165,195,.32)}
.auth-google{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px;border:1px solid rgba(79,128,178,.35);border-radius:7px;background:linear-gradient(180deg,rgba(25,52,83,.95),rgba(15,37,65,.95));color:#f0f5fc;font:700 12px Manrope;cursor:pointer}.auth-google span{font:800 16px Arial;color:#25a6ff}.auth-google:hover{border-color:rgba(46,183,255,.62);background:rgba(22,57,92,.96)}
.auth-choice{justify-content:center;margin:16px 0 0;color:#b4c0cf;font-size:11px;cursor:pointer}.auth-choice input{position:absolute;opacity:0;pointer-events:none}.auth-choice b{margin-left:4px;color:#13cbed}.auth-modal small{margin-top:14px;color:#7890a8;font-size:9px}
@media(max-height:760px){.auth-brand{margin-bottom:10px}.auth-brand-logo{width:88px;height:88px}.auth-brand-wordmark{width:275px;height:50px}.auth-modal form{padding:20px 27px}.auth-modal h2{font-size:23px}.auth-modal .auth-subtitle{margin-bottom:12px!important}.auth-modal label:not(.auth-choice){margin-top:9px}.auth-divider{margin:11px 0}.auth-choice{margin-top:11px}}

/* Exact-fit login artwork and true-alpha wordmark */
.auth-modal::backdrop{background-size:100% 100%}
body:not(.dark) .auth-modal::backdrop{background-color:#edf8ff;background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),url("assets/brand-login-light.png")}
.auth-brand-wordmark{object-fit:contain;mix-blend-mode:normal}
.billing-modal{width:min(540px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:28px;border-radius:18px;background:#fff;color:#13243b;border:1px solid #aac6df;font-size:1rem;line-height:1.6}
.dark .billing-modal{background:#10233b;color:#eaf4ff;border-color:#365573}
.billing-modal::backdrop{background:rgba(5,16,31,.9)}
.billing-modal .billing-price{font-size:2rem;font-weight:700;margin:18px 0}
.billing-modal small{font-size:1rem;font-weight:400}
.billing-modal .modal-actions{display:flex;gap:10px;flex-wrap:wrap}
