:root{--bg:#0f1720;--fg:#e6edf3;--mut:#9aa7b4;--acc:#3b82f6;--card:#16212c}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc);text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;max-width:1040px;margin:auto}
.brand{display:flex;gap:10px;align-items:center;color:var(--fg);font-weight:600}nav a{margin-left:20px;color:var(--mut)}.btn-ghost{border:1px solid #2a3947;padding:6px 14px;border-radius:8px}
main{max-width:1040px;margin:auto;padding:0 24px}.hero{text-align:center;padding:64px 0 32px}.hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 12px}.hero p{color:var(--mut)}
.drop{margin:32px auto 0;max-width:560px;border:2px dashed #2a3947;border-radius:16px;padding:40px;cursor:pointer}.drop.over{border-color:var(--acc)}
.note{color:#fbbf24}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:32px 0}
.grid article{background:var(--card);border-radius:12px;padding:20px}.price{font-size:22px;color:var(--fg)}.login{padding:32px 0 64px;text-align:center}
footer{text-align:center;color:var(--mut);padding:24px}