:root{--brand: #253848;--brand-light: #34536b;--bg: #eef2f5;--card: #ffffff;--ink: #333333;--ink-alt: #1a1a2e;--muted: #64748b;--line: #e2e8f0;--pill: #e9eef3;--row-alt: #f7f9fb;--hover: #f0f4f7;--danger: #e74c3c;--success: #27ae60}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Source Sans Pro,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}a{color:var(--brand)}.shell{max-width:1280px;margin:0 auto;padding:24px 16px 48px}.demo-banner{background:#fff7e6;border:1px solid #f7d589;color:#8a5a00;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}.demo-banner a{color:#8a5a00;font-weight:700}.hero{background:var(--brand);color:#fff;border-radius:16px;padding:32px 28px;margin-bottom:28px;position:relative;overflow:hidden}.hero .eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#b9c5d0;font-weight:600;margin-bottom:8px}.hero h1{margin:0 0 8px;font-size:2rem;font-weight:700;letter-spacing:.5px;line-height:1.15}.hero h1 .accent{color:#fff}.hero .sub{margin:0;font-size:1.15rem;color:#dbe3eb;font-weight:300}.hero .meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.hero .pill{background:#ffffff1f;color:#fff;padding:6px 12px;border-radius:999px;font-size:13px;border:1px solid rgba(255,255,255,.2)}.hero .am-logo{position:absolute;top:24px;right:28px;height:72px;opacity:.95;filter:invert(1) brightness(1.2)}.intro{background:var(--card);padding:24px 28px;border-radius:12px;border:1px solid var(--line);box-shadow:0 2px 8px #0000000a;margin-bottom:24px}.intro p{margin:0 0 12px}.intro p:last-child{margin-bottom:0}.intro strong{color:var(--ink-alt)}.intro .highlight{background:var(--pill);padding:16px 18px;border-radius:10px;border-left:3px solid var(--brand);margin-top:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.grid{grid-template-columns:1fr}}.auction{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 8px #0000000a;overflow:hidden;display:flex;flex-direction:column}.auction .photo{aspect-ratio:1 / 1;background:#1a1a2e center/cover no-repeat}.auction .body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.auction h2{margin:0;font-size:1.35rem;font-weight:700;color:var(--ink-alt)}.auction .specs{margin:0;color:var(--muted);font-size:14px}.auction .price-box{background:var(--pill);border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.auction .price-box .label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:600}.auction .price-box .value{font-size:1.6rem;font-weight:700;color:var(--brand);line-height:1}.auction .price-box .leader-name{font-size:13px;color:var(--muted);margin-top:2px}.status{padding:12px 14px;border-radius:10px;font-size:14px;font-weight:600;text-align:center}.status.before{background:#fff7e6;border:1px solid #f7d589;color:#8a5a00}.status.live{background:#e6f8ee;border:1px solid #b9e5cb;color:#1f7a44}.status.live:before{content:"●";color:var(--success);margin-right:6px;animation:pulse 1.5s ease-in-out infinite}.status.ended{background:#f1f3f5;border:1px solid var(--line);color:var(--muted)}.status.winner{background:#e6f8ee;border:1px solid #b9e5cb;color:#1f7a44}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.countdown .unit{background:var(--brand);color:#fff;border-radius:10px;padding:10px 4px}.countdown .unit .n{font-size:1.5rem;font-weight:700;line-height:1}.countdown .unit .l{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.75;margin-top:4px}.bid-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bid-form .full{grid-column:1 / -1}.bid-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ink-alt)}.bid-form input{padding:10px 12px;border-radius:8px;border:1px solid var(--line);font-size:15px;font-family:inherit;background:#fff;color:var(--ink)}.bid-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2538481f}.bid-form .helper{font-size:12px;color:var(--muted);font-weight:400}.bid-form .btn{background:var(--brand);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit}.bid-form .btn:hover{opacity:.92}.bid-form .btn:disabled{opacity:.4;cursor:not-allowed}.bid-form .form-msg{padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600}.bid-form .form-msg.err{background:#fdecea;color:#b42318;border:1px solid #fbc7c2}.bid-form .form-msg.ok{background:#e6f8ee;color:#1f7a44;border:1px solid #b9e5cb}.bid-form .consent{font-size:12px;color:var(--muted);font-weight:400}.bid-history{border-top:1px solid var(--line);padding-top:14px}.bid-history h3{margin:0 0 8px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.bid-history ol{list-style:none;padding:0;margin:0;max-height:240px;overflow-y:auto}.bid-history li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);gap:12px;font-size:14px}.bid-history li:last-child{border-bottom:none}.bid-history li.top{background:var(--pill);padding:8px 10px;border-radius:6px;border-bottom:none;margin-bottom:4px}.bid-history li .name{color:var(--ink);font-weight:600}.bid-history li.top .name:after{content:" · vede";color:var(--success);font-weight:700;font-size:12px}.bid-history li .amount{color:var(--brand);font-weight:700;white-space:nowrap}.bid-history li .when{color:var(--muted);font-size:12px;font-weight:400}.bid-history .empty{color:var(--muted);font-style:italic;padding:8px 0}footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}footer .partners{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;margin-bottom:16px}footer .partners img{height:44px;opacity:.85;filter:grayscale(20%);transition:opacity .2s}footer .partners img:hover{opacity:1;filter:none}footer .credit{text-align:center;color:var(--muted);font-size:13px}footer .credit a{color:var(--brand);text-decoration:none}footer .credit a:hover{text-decoration:underline}@media(max-width:600px){.hero{padding:24px 20px}.hero h1{font-size:1.5rem}.hero .sub{font-size:1rem}.hero .am-logo{height:48px;top:18px;right:20px}.auction .body{padding:16px 18px}.auction h2{font-size:1.15rem}.auction .price-box .value{font-size:1.35rem}.bid-form{grid-template-columns:1fr}footer .partners{gap:24px}footer .partners img{height:36px}}