*{box-sizing:border-box}body{margin:0;background:#071019;color:#eef6ff;font-family:system-ui,sans-serif}main{width:min(900px,calc(100% - 30px));margin:auto;padding:25px 0 60px}nav{display:flex;justify-content:space-between}a{color:#8fc5ff;text-decoration:none}.hero{padding:70px 0 30px}.hero span{color:#75b9ff;font-size:12px;font-weight:900;letter-spacing:.1em}.hero h1{font-size:58px;line-height:1;margin:12px 0}.hero p,.features p,footer{color:#8295aa}.card{background:#101c29;border:1px solid #263b50;border-radius:20px;padding:25px}.card label{display:block;color:#92a5b9;font-size:13px;margin:15px 0}.file,input,select{width:100%;padding:13px;background:#08121d;border:1px solid #2b4055;border-radius:10px;color:#eef6ff;margin-top:7px}.file small{float:right}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}button{width:100%;padding:14px;border:0;border-radius:11px;font-weight:800;cursor:pointer}#result{margin-top:14px;padding:0}#result strong,#result code,#result small{display:block;margin-top:6px}#result code{padding:10px;background:#08121d;border-radius:8px;color:#91d0ff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.features article{padding:18px;background:#0d1824;border:1px solid #213448;border-radius:15px}footer{text-align:center;margin-top:30px;font-size:12px}@media(max-width:600px){.hero h1{font-size:42px}.grid,.features{grid-template-columns:1fr}}