@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw;scroll-behavior:smooth}:root{--color-primary:#3B82F6;--color-primary-light:#60A5FA;--color-primary-dark:#2563EB;--color-dark:#0F172A;--color-text:#334155;--color-bg:#F9FBFF;--radius:12px;font-family:Fredoka,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light;color:var(--color-dark);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;line-height:1.6;background:radial-gradient(1200px 800px at 10% 0%,#fff,#edf4ff 60%,#f9fbff);color:var(--color-dark)}h1,h2,h3,h4,h5{color:var(--color-dark);font-weight:700;line-height:1.2}h1{font-size:clamp(2.2rem,4vw,3.5rem)}h2{font-size:clamp(1.6rem,3vw,2.4rem)}p{color:var(--color-text);font-size:1rem;line-height:1.7;margin-bottom:1rem}a{font-weight:600;color:var(--color-primary-dark);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary)}button,.btn{border-radius:var(--radius);border:1px solid transparent;padding:.75em 1.5em;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,color .25s ease;letter-spacing:.2px}button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3b82f647}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #60a5fa8c}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border:none;box-shadow:0 6px 18px #428eff4d}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.btn-ghost{background:#ffffffa6;color:var(--color-primary-dark);border:2px solid var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#60a5fa24}footer{width:100%;background:#f1f6ff;text-align:center;color:#334155;font-size:14px;padding:32px 16px;border-top:1px solid #E2E8F0}footer a{color:#334155;font-weight:700}footer a:hover{color:var(--color-primary-dark)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#3b82f659;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#2563eb8c}@media(max-width:768px){body{padding:0 16px}}body[data-theme=dark]{background-color:#0f172a;background-image:none;color:#f1f5f9;transition:background-color .4s ease,color .4s ease}body[data-theme=dark] a{color:#93c5fd}body[data-theme=dark] a:hover{color:#bfdbfe}body[data-theme=dark] button,body[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}body[data-theme=dark] .btn-ghost{border-color:#93c5fd;color:#93c5fd;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body[data-theme=dark] footer{background:#1e293b;color:#cbd5e1;border-top:1px solid #334155}input,select,textarea,button,label{font-family:inherit!important}::placeholder{font-family:inherit}.btn-wa{background:#25d366;color:#fff!important;text-decoration:none!important}.btn-wa:link,.btn-wa:visited,.btn-wa:hover,.btn-wa:focus,.btn-wa:active,.btn-wa:focus-visible{color:#fff!important;text-decoration:none!important}.btn-wa:focus-visible{outline:none;box-shadow:0 0 0 3px #fff9,0 0 0 6px #25d3668c}body[data-theme=dark] .btn-wa{background:#25d366;color:#fff!important}.login-page{--ink: #071225;--muted: #64748b;--line: rgba(15, 23, 42, .1);--blue: #2563eb;--sky: #60a5fa;--purple: #7c3aed;min-height:100vh;width:100%;position:relative;display:grid;place-items:center;padding:32px;overflow:hidden;color:var(--ink);background:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px),radial-gradient(900px 520px at 18% 18%,rgba(96,165,250,.22),transparent 62%),radial-gradient(760px 460px at 86% 78%,rgba(124,58,237,.14),transparent 62%),#f8fafc;background-size:46px 46px,46px 46px,auto,auto,auto}.login-orb{position:absolute;border-radius:999px;filter:blur(18px);pointer-events:none}.login-orb-one{width:420px;height:420px;top:-140px;left:-120px;background:#60a5fa33}.login-orb-two{width:520px;height:520px;right:-180px;bottom:-180px;background:#7c3aed24}.login-shell{width:min(1120px,100%);min-height:650px;position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;border-radius:38px;overflow:hidden;border:1px solid rgba(255,255,255,.8);background:#ffffffbd;box-shadow:0 34px 90px #0f172a1f,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:loginFloatIn .6s ease-out both}.login-hero{position:relative;padding:58px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;background:radial-gradient(680px 360px at 20% 10%,rgba(96,165,250,.36),transparent 62%),radial-gradient(600px 360px at 100% 0%,rgba(124,58,237,.24),transparent 58%),linear-gradient(180deg,#12213a,#08111f)}.login-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 90%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 90%);pointer-events:none}.login-hero:after{content:"";position:absolute;width:380px;height:380px;right:-150px;top:90px;border-radius:999px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 80px #60a5fa1a,0 0 80px #60a5fa1a}.login-kicker,.login-hero h1,.login-hero p,.login-proof-grid{position:relative;z-index:2}.login-kicker{width:fit-content;margin-bottom:24px;padding:9px 14px;border-radius:999px;color:#bfdbfe;background:#ffffff14;border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:900;letter-spacing:.05em}.login-hero h1{max-width:560px;margin:0;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-2.4px;font-weight:950}.login-hero p{max-width:520px;margin:22px 0 0;color:#ffffffb8;font-size:18px;line-height:1.55;font-weight:500}.login-proof-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.login-proof-grid article{min-height:112px;padding:18px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-proof-grid strong{display:block;color:#fff;font-size:16px;font-weight:950}.login-proof-grid span{display:block;margin-top:8px;color:#ffffffa3;font-size:13px;line-height:1.35;font-weight:650}.login-card{padding:58px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(520px 280px at 50% 0%,rgba(96,165,250,.12),transparent 64%),#ffffffe6}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.login-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 35% 25%,#93c5fd,transparent 34%),linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 18px 38px #2563eb42}.login-mark span{width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 0 0 7px #ffffff38}.login-brand h2{margin:0;color:var(--ink);font-size:30px;line-height:1;letter-spacing:-.8px;font-weight:950}.login-brand p{margin:8px 0 0;color:var(--muted);font-size:14px;font-weight:650}.login-form{display:grid;gap:18px}.login-field{display:grid;gap:8px}.login-field label{color:#1e293b;font-size:13px;font-weight:900}.login-field input{width:100%;min-height:54px;padding:0 16px;border-radius:16px;border:1px solid rgba(148,163,184,.28);outline:none;background:#fff;color:var(--ink);font-size:15px;font-weight:650;box-shadow:0 1px #0f172a08;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-field input::placeholder{color:#64748b9e}.login-field input:focus{border-color:#2563eb9e;box-shadow:0 0 0 4px #2563eb1a}.login-field input:disabled{cursor:not-allowed;background:#f8fafc}.password-control{position:relative}.password-control input{padding-right:84px}.password-control button{position:absolute;top:50%;right:8px;min-width:66px;height:38px;transform:translateY(-50%);border:0;border-radius:12px;color:var(--blue);background:#2563eb14;font-size:12px;font-weight:950;cursor:pointer;transition:background .2s ease,transform .2s ease}.password-control button:hover{background:#2563eb21}.password-control button:disabled{cursor:not-allowed;opacity:.55}.login-error{padding:13px 14px;border-radius:16px;color:#991b1b;background:#fee2e2c2;border:1px solid rgba(254,202,202,.9);font-size:13px;line-height:1.35;font-weight:850;text-align:center}.login-submit{min-height:56px;margin-top:4px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--sky));box-shadow:0 18px 36px #2563eb47;font-size:15px;font-weight:950;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.login-submit:hover{transform:translateY(-2px);box-shadow:0 24px 46px #2563eb5c;filter:saturate(1.05)}.login-submit:disabled{cursor:wait;transform:none;opacity:.72;box-shadow:0 12px 28px #2563eb33}.login-footer{margin-top:30px;color:#94a3b8;font-size:12px;font-weight:700;text-align:center}@keyframes loginFloatIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:980px){.login-page{padding:22px}.login-shell{grid-template-columns:1fr}.login-hero{min-height:420px;padding:38px}.login-card{padding:38px}}@media(max-width:640px){.login-page{padding:14px}.login-shell{border-radius:28px}.login-hero{min-height:auto;padding:30px}.login-hero h1{letter-spacing:-1.4px}.login-proof-grid{grid-template-columns:1fr;margin-top:28px}.login-proof-grid article{min-height:auto}.login-card{padding:30px}.login-brand{align-items:flex-start}.login-brand h2{font-size:26px}}.login-hero h1{color:#fff!important;-webkit-text-fill-color:#ffffff;font-family:Fredoka,system-ui,sans-serif;font-weight:800;letter-spacing:-.045em;text-shadow:0 12px 32px rgba(0,0,0,.22)}.login-hero p{color:#ffffffd1!important;-webkit-text-fill-color:rgba(255,255,255,.82);font-family:Fredoka,system-ui,sans-serif}.login-proof-grid strong{color:#fff!important;-webkit-text-fill-color:#ffffff;font-family:Fredoka,system-ui,sans-serif}.login-proof-grid span{color:#ffffffb8!important;-webkit-text-fill-color:rgba(255,255,255,.72);font-family:Fredoka,system-ui,sans-serif}