*{margin:0;padding:0;box-sizing:border-box}body{background:#080d18;color:#f8fafc;font-family:Arial,sans-serif}.container{max-width:1100px;margin:auto;padding:35px 22px}header{text-align:center;margin-bottom:65px}.logo{font-size:25px;font-weight:900;letter-spacing:2px}.logo span{color:#38bdf8}header p{color:#94a3b8;margin-top:12px}.hero{max-width:760px;margin:auto;text-align:center;padding:55px 25px;background:#111c30;border:1px solid #263650;border-radius:22px}.tag{color:#38bdf8;font-size:12px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(32px,6vw,52px);line-height:1.15;margin:22px 0}.hero>p{color:#aab8cc;line-height:1.7;margin-bottom:30px}.upload{display:flex;flex-direction:column;gap:12px;padding:30px 15px;border:2px dashed #3b82a0;border-radius:15px;cursor:pointer;background:#0b1526}.upload span{font-size:35px}.upload small{color:#94a3b8}.upload input{max-width:230px;margin:auto;color:#cbd5e1}button{margin-top:25px;padding:17px 30px;width:100%;border:none;border-radius:10px;background:#0284c7;color:#fff;font-size:16px;font-weight:700;cursor:pointer}button:hover{background:#0369a1}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px}.features article{background:#111c30;border:1px solid #263650;padding:25px;border-radius:15px}.features h2{color:#38bdf8;font-size:18px;margin-bottom:14px}.features p{color:#aab8cc;line-height:1.6}footer{text-align:center;color:#64748b;font-size:12px;margin-top:65px}@media(max-width:650px){.features{grid-template-columns:1fr}.hero{padding:40px 18px}}