:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}
html,body{background:#05070D;color:#F8FAFC;font-family:Inter,system-ui,sans-serif}
body{background:radial-gradient(circle at 80% -10%,#9B5CFF22,transparent 40%),radial-gradient(circle at 0 100%,#00E5FF18,transparent 40%),#05070D;min-height:100vh}
.g{background:#101722cc;border:1px solid #ffffff12;backdrop-filter:blur(12px);border-radius:1rem}
.on{border-color:#39FF88;box-shadow:0 0 18px #39FF8833}
.card{transition:.25s}
.card:hover{transform:translateY(-3px);border-color:#00E5FF66}
.card .em{transition:.4s}
.card:hover .em{transform:scale(1.15)}
button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #00E5FF;outline-offset:2px}
.nav.act{background:#00E5FF18;color:#00E5FF}
select,input{background:#0A0F18;border:1px solid #ffffff1a;border-radius:.6rem;padding:.4rem .6rem;color:#F8FAFC}