.auth-page{opacity:0;min-height:100svh;animation:auth-page-in .6s var(--ease-out-expo) forwards;background:#050a14;grid-template-columns:minmax(320px,1.05fr) minmax(360px,1fr);display:grid}.auth-brand{background:radial-gradient(80% 60% at 20% 20%,#55c6df2e,#0000),radial-gradient(60% 50% at 80% 80%,#2d698040,#0000),linear-gradient(160deg,#0a1a2e 0%,#0d2840 45%,#081422 100%);flex-direction:column;padding:clamp(28px,4vw,48px);display:flex;position:relative}.auth-home-link{color:#fff;font-size:var(--text-lg);letter-spacing:-.02em;transition:opacity .2s ease, transform .3s var(--ease-out-expo);align-items:center;gap:12px;width:fit-content;font-weight:700;display:inline-flex}.auth-home-link:hover{opacity:.9;transform:translateY(-1px)}.auth-home-link em{color:var(--blue-500);font-style:normal;font-weight:600}.auth-logo-wrap{border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #55c6df40}.auth-brand-body{flex-direction:column;flex:1;justify-content:center;max-width:480px;margin:auto 0;padding:clamp(24px,6vw,64px) 0;display:flex}.auth-brand-mark{background:#2e6c84;border-radius:8px;width:56px;height:56px;margin-bottom:28px;display:block;position:relative}.auth-brand-mark-inner{border:3px solid #e9f2f4;border-radius:5px;width:18px;height:22px;display:block;position:absolute;top:14px;left:14px}.auth-brand h1{color:#fff;letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.15}.auth-brand p{color:#ffffffb8;font-size:var(--text-md);margin:0;line-height:1.65}.auth-main{background:#050a14;justify-content:center;align-items:center;padding:clamp(24px,4vw,48px) clamp(20px,4vw,40px);display:flex}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a121ee0;border:1px solid #55c6df24;border-radius:16px;width:100%;max-width:520px;padding:clamp(28px,4vw,40px);box-shadow:0 28px 72px #0000006b}.auth-card h2{color:#fff;font-size:var(--text-2xl);letter-spacing:-.02em;margin:0;font-weight:700}.auth-card-sub{color:var(--muted);font-size:var(--text-sm);margin:8px 0 28px;line-height:1.5}.auth-form{gap:18px;display:grid}.auth-field{gap:8px;display:grid}.auth-label{color:#ffffffe0;font-size:var(--text-sm);font-weight:500}.auth-input-wrap{transition:border-color .25s ease, box-shadow .25s ease, transform .2s var(--ease-spring);background:#fffffff5;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.auth-input-wrap:focus-within{border-color:#55c6df8c;transform:translateY(-1px);box-shadow:0 0 0 3px #55c6df2e}.auth-input-wrap input{color:#0f172a;font-size:var(--text-base);background:0 0;border:0;outline:none;flex:1;min-height:48px;padding:0}.auth-input-wrap input::placeholder{color:#94a3b8}.auth-icon{color:#64748b;flex-shrink:0;width:18px;height:18px}.auth-eye{color:#64748b;cursor:pointer;background:0 0;border:0;align-items:center;padding:4px;display:flex}.auth-mobile-header{display:none}.auth-mobile-brand{color:#fff;font-size:var(--text-lg);letter-spacing:-.02em;align-items:center;gap:12px;font-weight:700;display:inline-flex}.auth-mobile-brand em{color:var(--blue-500);font-style:normal;font-weight:600}.auth-brand-visual{display:none}.auth-brand-image{object-fit:contain;border-radius:16px;width:100%;max-width:280px;height:auto;margin-bottom:28px;box-shadow:0 0 0 1px #55c6df38,0 20px 48px #00000061}.auth-page--modern .auth-card{max-width:560px}.auth-page--modern .auth-form{gap:20px}.auth-page--modern .auth-input-wrap{background:#08101ca6;border:1px solid #55c6df2e;border-radius:12px;gap:12px;padding:0 16px;box-shadow:inset 0 1px #ffffff0a}.auth-page--modern .auth-input-wrap:focus-within{background:#0a1626d9;border-color:#55c6df8c;transform:translateY(-2px);box-shadow:0 0 0 3px #55c6df24,inset 0 1px #ffffff0f}.auth-page--modern .auth-input-wrap input{color:#f4f7fb;min-height:50px}.auth-page--modern .auth-input-wrap input::placeholder{color:#ffffff52}.auth-page--modern .auth-icon{color:var(--blue-500);opacity:.85;width:17px;height:17px}.auth-page--modern .auth-eye{color:#ffffff73}.auth-page--modern .auth-eye:hover{color:var(--blue-500)}.auth-page--modern .auth-label{color:#ffffffd1;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.auth-page--register .auth-check{background:#55c6df0f;border:1px solid #55c6df1f;border-radius:12px;align-items:flex-start;padding:14px 16px;line-height:1.5}.auth-page--login .auth-row-between .auth-check{color:#ffffffc7;background:0 0;border:0;align-items:center;padding:0}.auth-page--admin .auth-submit--admin{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b47}.auth-admin-badge{color:#fbbf24;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:999px;margin-bottom:12px;padding:5px 12px;font-weight:700;display:inline-block}.auth-page--modern .auth-submit{border-radius:12px;min-height:54px}.auth-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-check{color:#ffffffc7;cursor:pointer;font-size:var(--text-sm);align-items:center;gap:8px;display:inline-flex}.auth-check input{accent-color:var(--blue-500);width:16px;height:16px}.auth-link{color:var(--blue-500);font-size:var(--text-sm);font-weight:500;transition:color .2s,opacity .2s}.auth-link:hover{color:#6dd4ec}.auth-submit{color:#041018;cursor:pointer;font-size:var(--text-base);min-height:52px;transition:transform .25s var(--ease-spring), box-shadow .25s ease, filter .25s ease;background:linear-gradient(135deg,#55c6df 0%,#3a9fc0 100%);border:0;border-radius:10px;width:100%;margin-top:4px;font-weight:700}.auth-submit:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 12px 32px #55c6df59}.auth-submit:active{transform:translateY(0)scale(.98)}.auth-submit:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.7;transform:none}.auth-error{color:#fca5a5;font-size:var(--text-sm);background:#f871711a;border:1px solid #f8717159;border-radius:10px;margin:0;padding:10px 14px;line-height:1.5}.auth-link-btn{color:var(--blue-500);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.auth-link-btn:disabled{cursor:not-allowed;opacity:.6}.auth-verify-badge{color:var(--blue-500);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:#55c6df1a;border:1px solid #55c6df47;border-radius:999px;margin-bottom:12px;padding:5px 12px;font-weight:700;display:inline-block}.auth-verify-hint{color:#ffffff8c;font-size:var(--text-sm);margin:-4px 0 0;line-height:1.5}.auth-verify-hint strong{color:#f4f7fb;font-weight:600}.auth-code-input{letter-spacing:.35em;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem!important}.auth-success{color:#9eeaf9;font-size:var(--text-sm);background:#55c6df1a;border:1px solid #55c6df47;border-radius:10px;margin:0;padding:10px 14px;line-height:1.5}.auth-switch{color:var(--muted);font-size:var(--text-sm);text-align:center;margin:20px 0 0}.auth-footnote{color:#ffffff73;font-size:var(--text-xs);text-align:center;margin:24px 0 0;line-height:1.55}.auth-reveal{animation:auth-fade-up .7s var(--ease-out-expo) both;animation-delay:var(--reveal-delay,0s)}.auth-reveal-left{animation:auth-slide-left .75s var(--ease-out-expo) both}.auth-reveal-up{animation:auth-fade-up .75s var(--ease-out-expo) .1s both}.legal-page{animation:auth-page-in .55s var(--ease-out-expo) both;background:#050a14;min-height:100svh;padding:clamp(72px,10vw,96px) clamp(20px,4vw,32px) 64px}.legal-shell{max-width:820px;margin:0 auto}.legal-back{color:var(--blue-500);font-size:var(--text-sm);align-items:center;gap:8px;margin-bottom:28px;font-weight:600;transition:gap .2s,color .2s;display:inline-flex}.legal-back:hover{color:#6dd4ec;gap:10px}.legal-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a121ee6;border:1px solid #55c6df24;border-radius:16px;margin-bottom:28px;padding:clamp(28px,4vw,40px)}.legal-header h1{color:#fff;letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.legal-updated{color:var(--muted);font-size:var(--text-sm);margin:0}.legal-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a121eb8;border:1px solid #55c6df1a;border-radius:16px;padding:clamp(24px,4vw,36px)}.legal-content section{animation:auth-fade-up .65s var(--ease-out-expo) both;animation-delay:calc(var(--section-delay,0s));border-bottom:1px solid #55c6df14;padding:24px 0}.legal-content section:first-child{padding-top:0}.legal-content section:last-child{border-bottom:0;padding-bottom:0}.legal-content h2{color:#f4f7fb;font-size:var(--text-lg);margin:0 0 12px;font-weight:700}.legal-content h3{color:#dbe7f3;font-size:var(--text-base);margin:16px 0 8px;font-weight:600}.legal-content p,.legal-content li{color:var(--muted);font-size:var(--text-sm);line-height:1.7}.legal-content p{margin:0 0 12px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:0 0 12px;padding-left:1.25rem}.legal-content li{margin-bottom:6px}.legal-content a{color:var(--blue-500)}.legal-content a:hover{color:#6dd4ec}@keyframes auth-page-in{0%{opacity:0}to{opacity:1}}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes auth-slide-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand{min-height:auto;padding-bottom:20px}.auth-brand-body{padding:20px 0 8px}.auth-brand h1{font-size:1.5rem}.auth-brand p{font-size:var(--text-sm)}.auth-brand-mark{width:48px;height:48px;margin-bottom:16px}.auth-main{align-items:flex-start;padding-top:0}.auth-card{border-radius:14px 14px 0 0;max-width:100%}.auth-row-2,.auth-page--modern{grid-template-columns:1fr}.auth-page--modern .auth-brand{display:none}.auth-page--modern .auth-mobile-header{justify-content:center;padding:28px 20px 0;display:flex}.auth-page--modern .auth-main{padding:32px 20px 40px}.auth-page--modern .auth-card{border-radius:16px;padding-top:32px}}@media (min-width:768px){.auth-page--modern .auth-brand-visual{display:block}}@media (prefers-reduced-motion:reduce){.auth-page,.auth-reveal,.auth-reveal-left,.auth-reveal-up,.legal-page,.legal-content section{opacity:1;animation:none;transform:none}}.auth-clerk-wrap{width:100%;margin-top:8px}.auth-clerk-root{width:100%}.auth-clerk-card{box-shadow:none!important;background:0 0!important;border:none!important;gap:16px!important;width:100%!important;margin:0!important;padding:0!important}.auth-clerk-title,.auth-clerk-subtitle{display:none}.auth-clerk-input{box-shadow:none!important;border:1px solid #55c6df33!important;min-height:48px!important;font-size:15px!important}.auth-clerk-input:focus{border-color:#55c6df8c!important;box-shadow:0 0 0 3px #55c6df1f!important}.auth-clerk-submit{background:linear-gradient(135deg,#3d9eb8 0%,#55c6df 100%)!important;border:none!important;min-height:48px!important;font-size:15px!important;font-weight:600!important;transition:transform .2s,box-shadow .2s!important;box-shadow:0 8px 24px #55c6df40!important}.auth-clerk-submit:hover{transform:translateY(-1px);box-shadow:0 12px 28px #55c6df59!important}.auth-page--admin .auth-clerk-submit{background:linear-gradient(135deg,#b45309 0%,#f59e0b 100%)!important;box-shadow:0 8px 24px #f59e0b40!important}.auth-clerk-link{color:var(--blue-500)!important;font-weight:500!important}.auth-clerk-social-btn{border:1px solid #55c6df33!important;min-height:44px!important}.auth-clerk-footer{background:0 0!important}