*{box-sizing:border-box}body{margin:0;background:#070b16;color:#f7f8ff;font-family:Tahoma,sans-serif;min-height:100vh}.glow{position:fixed;border-radius:50%;filter:blur(120px);opacity:.25;z-index:-1}.g1{width:420px;height:420px;background:#7c3aed;right:-120px;top:-100px}.g2{width:380px;height:380px;background:#06b6d4;left:-120px;bottom:-100px}header,main,footer{width:min(1080px,calc(100% - 28px));margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between}header b{font-size:21px}header span{color:#8c95af;font-size:12px;border:1px solid #ffffff18;padding:8px 12px;border-radius:999px}.hero{padding:65px 0 45px}.hero p{color:#948cff;font-weight:bold}.hero h1{font-size:clamp(36px,6vw,68px);line-height:1.25;max-width:900px;margin:12px 0}.hero em{font-style:normal;background:linear-gradient(90deg,#9887ff,#38d5e8);color:transparent;background-clip:text}.hero small{color:#9099b3}.card{background:#0e1527dd;border:1px solid #ffffff16;border-radius:30px;padding:28px;box-shadow:0 30px 90px #0008}.card h2{margin-top:0}.drop{min-height:250px;border:1.5px dashed #58627f;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ffffff04;cursor:pointer}.drop input{display:none}.drop strong{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#745cff,#08a8c5);font-size:28px}.drop span{color:#707a97;font-size:12px}.preview{display:none;grid-template-columns:90px 1fr;gap:15px;align-items:center;margin-top:14px;padding:12px;background:#080d19;border:1px solid #ffffff12;border-radius:18px}.preview.show{display:grid}.preview img{width:90px;height:70px;object-fit:cover;border-radius:12px}.preview div span,.preview div b{display:block}.preview div span{color:#7f89a4;font-size:12px;margin-top:5px}.grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:14px}.panel{background:#090f1e;border:1px solid #ffffff10;border-radius:20px;padding:18px}.panel h3{margin:0 0 18px;font-size:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two label{font-size:11px;color:#8993ad}.two input{width:100%;margin-top:7px;background:#060a13;border:1px solid #ffffff15;color:#fff;padding:11px;border-radius:10px;outline:none}.check{display:block;margin-top:13px;color:#8b95af;font-size:12px}.q{display:flex;justify-content:space-between;color:#939db8}.q i{font-style:normal}.range{width:100%;margin-top:28px;accent-color:#7763ff}.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.formats input{display:none}.formats span{display:block;text-align:center;padding:11px 5px;background:#070c17;border:1px solid #ffffff12;border-radius:11px;font-size:12px;font-weight:bold}.formats input:checked+span{border-color:#7763ff;background:#7763ff18;color:#bcb5ff}button{width:100%;margin-top:15px;padding:16px;border:0;border-radius:16px;background:linear-gradient(90deg,#735cff,#05a8c4);color:white;font-weight:bold;font-size:15px;cursor:pointer}footer{padding:30px 0;color:#626d89;font-size:12px}@media(max-width:800px){.grid{grid-template-columns:1fr}.hero{padding-top:35px}.card{padding:16px}.two{grid-template-columns:1fr}header span{display:none}}