@font-face{font-family:Rubik;src:url(/fonts/rubik-400Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/rubik-500Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/rubik-700Bold.ttf) format("truetype");font-weight:700 800;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}
body{font-family:Rubik,Arial,sans-serif;color:#141a46;background:radial-gradient(circle at 15% 10%,#d9fbe9,transparent 45%),radial-gradient(circle at 85% 20%,#dceeff,transparent 45%),radial-gradient(circle at 50% 95%,#fdecd0,transparent 50%),#f7f8fc;min-height:100vh}
.ts{max-width:620px;margin:0 auto;padding:28px 16px 40px;text-align:center}
.logo{display:inline-flex;gap:8px;align-items:center;text-decoration:none;color:#141a46;font-size:18px}
.trio{display:flex;justify-content:center;gap:14px;margin:26px 0 6px}.trio span{width:64px;height:64px;border-radius:50%;overflow:hidden;box-shadow:0 12px 24px -12px rgba(20,22,61,.45);border:4px solid #fff;animation:fl 3.4s ease-in-out infinite}.trio span:nth-child(2){animation-delay:.6s;margin-top:-14px}.trio span:nth-child(3){animation-delay:1.2s}.trio svg{width:100%;height:100%;display:block}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
h1{font-size:34px;margin:14px 0 6px;font-weight:800}.sub{color:#475569;font-size:18px;margin:0 0 22px}
.box{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 24px 50px -32px rgba(20,22,61,.45);text-align:start}
label{display:block;font-weight:700;margin-bottom:10px}.in{display:flex;gap:8px;border:2px solid #c7d2fe;border-radius:999px;padding:5px 5px 5px 16px;background:#fff}.in:focus-within{border-color:#4f46e5}
.in input{flex:1;border:0;outline:0;font:inherit;font-size:16px;min-width:0;background:transparent}.in button{border:0;background:#202259;color:#fff;font:inherit;font-weight:700;border-radius:999px;padding:11px 20px;cursor:pointer}
.nosite{display:inline-block;margin-top:12px;color:#4f46e5;font-weight:700}
.cap{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;border-radius:999px;padding:6px 8px 6px 14px;margin-bottom:12px}.cap button{border:0;background:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer}
ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}li{display:flex;gap:10px;align-items:center;color:#94a3b8;font-size:16px}li.ok,li.run{color:#141a46}li.run{font-weight:700}
li i{width:22px;height:22px;border-radius:50%;flex:none;border:2px solid #cbd5e1;display:grid;place-items:center;font-style:normal;font-size:12px;color:#fff}li.ok i{background:#16a34a;border-color:#16a34a}li.run i{border-color:#4f46e5;border-top-color:transparent;animation:sp .8s linear infinite}li.fail i{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}li{flex-wrap:wrap}li small{flex-basis:100%;padding-inline-start:32px;color:#64748b;font-weight:400;font-size:13px}
@keyframes sp{to{transform:rotate(360deg)}}
#found{margin-top:16px;padding-top:16px;border-top:1px dashed #e5e7eb;text-align:center}#found img{max-height:64px;max-width:200px;object-fit:contain}#found h2{font-size:22px;margin:10px 0 4px}
.sw{display:inline-block;width:22px;height:22px;border-radius:50%;margin:6px 3px 0;border:2px solid #fff;box-shadow:0 0 0 1px #e5e7eb}
.go{display:inline-block;margin-top:14px;background:#059669;color:#fff;text-decoration:none;font-weight:800;font-size:18px;border-radius:14px;padding:14px 26px;box-shadow:0 14px 28px -16px #059669}.go:hover{background:#047857}
.fine{color:#64748b;font-size:13px;margin-top:16px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #4f46e5;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.trio span,li.run i{animation:none}}@media (max-width:520px){h1{font-size:27px}.sub{font-size:16px}}