/* RESET */
* { box-sizing:border-box;margin:0;padding:0; }

/* BODY */
body {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
    background:#f8fafc;
    color:#0f172a;
    min-height:100vh;
    line-height:1.6;
}

/* WRAPPER */
.wrapper { max-width:860px;margin:90px auto;padding:0 20px; }
.card { background:#fff;border-radius:20px;padding:56px 52px;box-shadow:0 10px 30px rgba(15,23,42,.08),0 0 0 1px rgba(15,23,42,.06); }

/* TYPO */
h1 { font-size:48px;font-weight:700;margin-bottom:6px; }
.subtitle { color:#475569;font-size:18px;margin-bottom:42px; }

/* STATS */
.stats { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:42px; }
.stat { background:#f8fafc;border-radius:16px;padding:24px;border:1px solid #e2e8f0;text-align:center; }
.stat span { display:block;font-size:13px;color:#64748b;margin-bottom:6px; }
.stat strong { font-size:22px;color:#0ea5e9; }

/* FORM */
form input,form textarea { width:100%;background:#fff;border:1px solid #cbd5f5;padding:16px 18px;margin-bottom:14px;border-radius:12px;font-size:15px; }
form input:focus,form textarea:focus { outline:none;border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9; }

/* BUTTONS */
.buttons { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px; }
.btn-bid { background:#0ea5e9;color:#fff;border:none;padding:18px;font-size:16px;font-weight:700;border-radius:14px;cursor:pointer; }
.btn-buy { background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:18px;font-size:16px;font-weight:700;border-radius:14px;cursor:pointer; }
.btn-buy span { display:block;font-size:13px;font-weight:500;opacity:.9; }

/* MESSAGES */
.notice { margin:24px 0;padding:18px 20px;border-radius:14px;font-weight:500; }
.success { background:#ecfdf5;border:1px solid #34d399;color:#065f46; }
.error { background:#fef2f2;border:1px solid #f87171;color:#7f1d1d; }

/* FOOTER */
.footer { text-align:center;margin-top:42px;font-size:13px;color:#64748b; }

/* RESPONSIVE */
@media(max-width:720px){h1{font-size:38px}.card{padding:36px 26px}.stats{grid-template-columns:1fr}.buttons{grid-template-columns:1fr}}
