*{box-sizing:border-box}:root{--bg:#05070f;--panel:hsla(0,0%,100%,.045);--panel-solid:#0c1222;--border:hsla(0,0%,100%,.09);--text:#e6edf7;--muted:#8b98ad;--cyan:#22d3ee;--violet:#8b5cf6;--grad:linear-gradient(135deg,#22d3ee,#8b5cf6)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);background-image:radial-gradient(900px 480px at 85% -10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(700px 420px at -10% 0,rgba(34,211,238,.14),transparent 60%)}a{color:#7dd3fc;text-decoration:none}a:hover{text-decoration:underline}::selection{background:rgba(34,211,238,.35)}.header{background:rgba(5,7,15,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border);position:relative}.header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--grad);opacity:.8}.header a{color:var(--text)}.logo{font-size:22px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.logo:hover{text-decoration:none}.nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}.nav a{color:var(--muted);font-weight:600;letter-spacing:.02em}.nav a:hover{color:#fff;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:20px}.hero{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px;margin-bottom:18px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.045) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.045) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 30% 0,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 0,#000 20%,transparent 75%);pointer-events:none}.hero h1,.hero h2{margin:0 0 8px;position:relative;letter-spacing:.01em}.hero h1{font-size:32px;background:linear-gradient(180deg,#fff,#9fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;color:var(--muted)}.hero a,.hero p{position:relative}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.controls input,.controls select,.controls textarea{padding:11px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;background:hsla(0,0%,100%,.05);color:var(--text)}.controls input{flex:1 1;min-width:220px}.controls input::placeholder{color:#64748b}.controls select option{background:#0c1222}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.45);box-shadow:0 8px 32px rgba(34,211,238,.14),0 2px 12px rgba(0,0,0,.5)}.card img{width:100%;height:170px;object-fit:cover;filter:saturate(1.05)}.card-body{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1 1}.badge{display:inline-block;background:rgba(34,211,238,.14);color:#67e8f9;border:1px solid rgba(34,211,238,.35);padding:3px 9px;border-radius:20px;font-size:12px;font-weight:700;width:-moz-fit-content;width:fit-content;letter-spacing:.04em;text-transform:uppercase}.merchant{color:var(--muted);font-size:13px}.price{font-size:19px;font-weight:800;color:#f0f9ff}.vote-row{display:flex;gap:8px;align-items:center;margin-top:auto}.vote-row button{border:1px solid var(--border);background:hsla(0,0%,100%,.05);color:var(--text);border-radius:20px;padding:6px 12px;cursor:pointer}.vote-row button.active{background:var(--grad);color:#fff;border-color:transparent}.btn{display:inline-block;background:var(--grad);color:#fff!important;padding:11px 16px;border-radius:10px;font-weight:700;text-align:center;box-shadow:0 4px 20px rgba(139,92,246,.35);transition:filter .15s ease,transform .15s ease}.btn:hover{text-decoration:none;filter:brightness(1.12);transform:translateY(-1px)}.detail{background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;padding:26px}.detail img{width:100%;max-height:380px;object-fit:cover;border-radius:12px}.detail h1{letter-spacing:.01em}.article{line-height:1.75}.article h2{margin-top:30px;color:#f0f9ff}.article h2:after{content:"";display:block;width:44px;height:3px;margin-top:8px;border-radius:2px;background:var(--grad)}.article ul{padding-left:20px}.article li{margin-bottom:7px}.article li::marker{color:var(--cyan)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.filter-btn{border:1px solid var(--border);background:hsla(0,0%,100%,.05);color:var(--muted);border-radius:20px;padding:7px 14px;cursor:pointer;font-size:14px;font-weight:600}.filter-btn:hover{color:#fff}.filter-btn.active{background:var(--grad);color:#fff;border-color:transparent}.share-btn{border:1px solid rgba(34,211,238,.4);background:rgba(34,211,238,.1);color:#67e8f9;border-radius:20px;padding:7px 14px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:8px}.share-btn:hover{background:rgba(34,211,238,.2)}.stats-bar{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;position:relative}.stats-bar span{color:var(--muted);font-size:14px}.stats-bar strong{color:#fff;font-size:18px}.alert-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:18px}.alert-panel>strong{letter-spacing:.02em}.alert-note{display:block;color:var(--muted);font-size:13px;margin-top:4px}.alert-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.alert-row input{flex:1 1;min-width:200px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;background:hsla(0,0%,100%,.05);color:var(--text)}.alert-row input::placeholder{color:#64748b}.badge-verified{background:rgba(74,222,128,.14);color:#86efac;border:1px solid rgba(74,222,128,.35);border-radius:20px}.badge-alert,.badge-verified{display:inline-block;padding:3px 9px;font-size:12px;font-weight:700;width:-moz-fit-content;width:fit-content}.badge-alert{background:rgba(251,191,36,.14);color:#fcd34d;border:1px solid rgba(251,191,36,.4);border-radius:20px}.spotlight-card{border-color:rgba(139,92,246,.4)}.deal-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:16px 0}.countdown{color:#67e8f9;font-weight:700}.share-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-list a{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text)}.recent-list a span{color:var(--muted)}.recent-list a:hover{text-decoration:none;border-color:rgba(34,211,238,.45)}.footer{color:var(--muted);font-size:13px;padding:30px 20px;text-align:center}.form{background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;padding:22px;display:grid;grid-gap:12px;gap:12px;max-width:640px}.form input,.form textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:hsla(0,0%,100%,.05);color:var(--text)}.form input::placeholder,.form textarea::placeholder{color:#64748b}@media (prefers-reduced-motion:reduce){.btn,.card{transition:none}.card:hover{transform:none}}