@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070809;color:#f5f5f5;font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.app{min-height:100vh}.header{position:sticky;top:0;z-index:50;background:rgba(5,6,7,.97);border-bottom:1px solid #26282b;backdrop-filter:blur(12px)}.top{height:72px;display:grid;grid-template-columns:230px minmax(300px,1fr) auto;gap:22px;align-items:center;max-width:1440px;margin:auto;padding:0 24px}.logo{font-weight:800;font-size:30px;letter-spacing:-1.5px;white-space:nowrap}.logo .accent{color:var(--accent)}.tag{display:block;font-size:7px;letter-spacing:2px;opacity:.65;margin-top:-2px}.motto{font-size:12px;line-height:1.35;opacity:.8}.motto b{color:var(--accent)}.search{display:flex;height:40px}.search input{min-width:0;flex:1;background:#f7f7f7;color:#111;border:0;padding:0 14px;border-radius:5px 0 0 5px}.search button{width:46px;background:var(--accent);color:#090909;border-radius:0 5px 5px 0}.actions{display:flex;gap:8px;align-items:center}.iconbtn{background:transparent;color:#fff;min-width:58px;font-size:10px;line-height:1.1;opacity:.9}.iconbtn:hover{color:var(--accent)}.badge-dot{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;background:#e5162b;border-radius:20px;font-size:9px;margin-left:2px}.nav{max-width:1440px;margin:auto;display:flex;align-items:center;gap:0;overflow:visible;padding:0 24px}.nav-main{background:var(--accent);color:#0a0a0a;font-weight:700;padding:13px 18px;border-radius:4px 4px 0 0}.nav-item{background:transparent;color:#eee;padding:13px 15px;font-size:12px;white-space:nowrap}.nav-item:hover{background:#141618}.cat-menu{position:relative}.dropdown{display:none;position:absolute;top:45px;left:0;background:#101214;border:1px solid #333;box-shadow:0 20px 60px #000;width:620px;padding:18px;grid-template-columns:repeat(3,1fr);gap:7px}.cat-menu.open .dropdown{display:grid}.dropdown button{text-align:left;background:#17191b;color:#eee;padding:11px;border:1px solid #272a2e;border-radius:4px;font-size:11px}.dropdown button:hover{border-color:var(--accent);color:var(--accent)}.hero{max-width:1440px;margin:auto;min-height:540px;background-size:cover;background-position:center;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.9) 24%,rgba(5,6,7,.25) 58%,rgba(5,6,7,.55) 100%)}.hero-content{position:relative;z-index:1;width:58%;padding:88px 48px 55px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5.2vw,76px);line-height:.98;margin:14px 0 18px;letter-spacing:-2.5px}.hero h1 span{color:var(--accent)}.hero p{font-size:17px;line-height:1.5;max-width:560px;color:#ddd}.cta-row{display:flex;gap:10px;margin:25px 0}.primary,.accentbtn{background:var(--accent);color:#090909;font-weight:700;padding:13px 19px;border-radius:4px}.ghost{background:rgba(0,0,0,.45);border:1px solid #777;color:#fff;padding:12px 18px;border-radius:4px}.proofbar{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(4,5,6,.9);border-top:1px solid #333}.proof{padding:18px 20px;border-right:1px solid #26282a}.proof b{display:block;font-size:12px}.proof span{font-size:10px;color:#aaa}.main{max-width:1440px;margin:auto;padding:28px 24px 70px}.section{margin:0 0 34px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-head h2{margin:3px 0 0;font-size:28px;letter-spacing:-1px}.section-head .link{color:var(--accent);font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category{background:#101214;border:1px solid #2b2e31;border-radius:6px;overflow:hidden;min-height:145px;position:relative}.category img{width:100%;height:90px;object-fit:cover;display:block}.category div{padding:9px 10px;font-weight:700;font-size:11px}.category small{display:block;color:#999;font-weight:400;margin-top:3px}.how-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:#0f1113;border:1px solid #282b2e}.step{padding:20px;border-right:1px solid #282b2e}.step:last-child{border:0}.num{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#111;display:grid;place-items:center;font-weight:800;margin-bottom:12px}.step b{font-size:12px}.step p{font-size:11px;color:#aaa;line-height:1.45}.promo{min-height:150px;background-size:cover;background-position:center;border:1px solid #282b2e;border-radius:5px;padding:24px;display:flex;flex-direction:column;justify-content:end}.promo h3{margin:0 0 5px;font-size:23px}.promo p{margin:0 0 14px;color:#bbb;font-size:12px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.filter{background:#111315;color:#ddd;border:1px solid #2c3034;border-radius:20px;padding:8px 13px;font-size:11px}.filter.active,.filter:hover{background:var(--accent);color:#111;border-color:var(--accent)}.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.offer{background:#0e1012;border:1px solid #303337;border-radius:6px;overflow:hidden;transition:.2s}.offer:hover{transform:translateY(-2px);border-color:#777}.offer-media{height:205px;background-size:cover;background-position:center;position:relative}.offer-media:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#090a0b)}.duration{position:absolute;top:10px;left:10px;background:var(--accent);color:#111;padding:6px 8px;font-size:10px;font-weight:800;z-index:2}.heart{position:absolute;top:8px;right:9px;z-index:2;color:#fff;background:rgba(0,0,0,.5);border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:18px}.offer-body{padding:14px}.offer h3{font-size:16px;margin:2px 0 5px}.sub{font-size:10px;color:#aaa}.loc{font-size:10px;color:#aaa;margin:9px 0}.price-label{font-size:9px;color:#aaa}.price{font-size:21px;font-weight:800;color:var(--accent);margin:1px 0 10px}.bidrow{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #26292c;padding-top:9px;margin-bottom:11px}.bidrow span{font-size:9px;color:#999}.bidrow b{display:block;font-size:13px;color:#eee;margin-top:2px}.offer button{width:100%}.lower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.panel{background:#0f1113;border:1px solid #2a2d30;border-radius:6px;padding:20px}.panel h3{margin:0 0 8px;font-size:17px}.panel p{color:#aaa;font-size:12px;line-height:1.55}.screen{display:none}.screen.active{display:block}.detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.detail-image{height:500px;background-size:cover;background-position:center;border-radius:5px}.pricebox{background:#090a0b;border:1px solid #34373a;padding:18px;margin:15px 0}.money{font-size:34px;font-weight:800;color:var(--accent)}label{display:block;font-size:11px;color:#aaa;margin:11px 0}label input,label select,label textarea{width:100%;margin-top:6px;background:#f5f5f5;color:#111;border:0;border-radius:4px;padding:11px}textarea{min-height:110px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-choice label{margin:0;padding:13px;background:#141619;border:1px solid #303338;border-radius:5px;color:#fff}.mode-choice input{width:auto;margin:0 7px 0 0}.calc{background:#08090a;border:1px solid #2e3135;border-radius:4px;padding:13px;margin:10px 0}.calc strong{display:block;color:var(--accent);font-size:22px;margin-top:4px}.calc small{color:#777}.account-layout{display:grid;grid-template-columns:230px 1fr;gap:14px}.sidebar{background:#0e1012;border:1px solid #2a2d30;border-radius:6px;padding:12px;height:max-content}.sidebar button{width:100%;text-align:left;background:transparent;color:#ddd;padding:11px;border-radius:4px;font-size:12px}.sidebar button.active,.sidebar button:hover{background:#1b1e21;color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat strong{font-size:26px;display:block;color:var(--accent)}.table{border:1px solid #2b2e31;border-radius:5px;overflow:auto}.tr{display:grid;grid-template-columns:1.7fr 1fr .8fr .8fr .7fr;min-width:700px;align-items:center;border-bottom:1px solid #25282b}.tr>div{padding:13px;font-size:11px}.tr.head{background:#151719;color:#999}.ok{color:#6ee7a1}.warn{color:#f7bd4b}.qa{display:grid;gap:5px}.qa div{padding:8px;border-radius:3px;font-size:11px}.pass{background:#102117;color:#72e2a2}.fail{background:#2a1114;color:#ff8995}.mobile-nav{display:none}.footer{border-top:1px solid #2b2e31;background:#050607;padding:35px 24px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:25px;max-width:1440px;margin:auto}.footer h4{margin:0 0 10px}.footer p,.footer li{color:#888;font-size:10px;line-height:1.7}.footer ul{list-style:none;padding:0;margin:0}.footer-bottom{grid-column:1/-1;border-top:1px solid #222;padding-top:14px;color:#666;font-size:9px;display:flex;justify-content:space-between}.toast{position:fixed;right:20px;bottom:20px;background:#f5f5f5;color:#111;padding:12px 16px;border-radius:5px;box-shadow:0 15px 50px #000;z-index:100;transform:translateY(100px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:90;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{max-width:680px;width:100%;max-height:90vh;overflow:auto;background:#101214;border:1px solid #3a3d40;border-radius:7px;padding:22px}.close{float:right;background:transparent;color:#fff;font-size:25px}.notice{padding:12px;background:#151719;border:1px solid #2b2e31;border-radius:4px;margin:7px 0;font-size:11px}.chip{display:inline-block;border:1px solid #444;border-radius:20px;padding:5px 9px;margin:2px;color:#aaa;font-size:9px}
@media(max-width:1050px){.top{grid-template-columns:190px 1fr auto}.motto{display:none}.nav{overflow-x:auto}.nav-item{padding:13px 10px}.category-grid{grid-template-columns:repeat(4,1fr)}.offer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.header{position:relative}.top{height:auto;grid-template-columns:1fr auto;padding:12px 15px;gap:10px}.logo{font-size:25px}.search{grid-column:1/-1;order:3}.actions .hide-mobile{display:none}.nav{display:none}.hero{min-height:700px;background-position:62% center}.hero-content{width:100%;padding:58px 22px 190px}.hero h1{font-size:45px}.hero p{font-size:14px}.proofbar{grid-template-columns:1fr 1fr}.proof{padding:12px}.main{padding:22px 15px 90px}.category-grid{grid-template-columns:repeat(2,1fr)}.how-grid,.detail-grid,.account-layout,.form-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.offer-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr 1fr;padding-bottom:90px}.footer-bottom{display:block}.mobile-nav{display:grid;position:fixed;z-index:60;left:0;right:0;bottom:0;background:#090a0b;border-top:1px solid #333;grid-template-columns:repeat(5,1fr);padding:8px 5px}.mobile-nav button{background:transparent;color:#aaa;font-size:9px}.mobile-nav button.active{color:var(--accent)}.dropdown{position:fixed;top:55px;left:10px;right:10px;width:auto;grid-template-columns:1fr 1fr}.hero .proofbar{bottom:0}.detail-image{height:340px}}