*{box-sizing:border-box}body{color:#0f172a;background:#f8fafc;margin:0;font-family:Arial,sans-serif}.page{min-height:100vh}.siteHeader{background:#fff;border-bottom:1px solid #e2e8f0;padding:24px 36px}.brand{color:#0f172a;font-size:24px;font-weight:800}main{max-width:1100px;margin:0 auto;padding:36px 20px 80px}.hero{margin-bottom:28px}.hero h1{text-align:center;margin:0 0 14px;font-size:42px}.hero p{color:#475569;max-width:780px;font-size:18px;line-height:1.5}.statsPanel{grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0;display:grid}.statsPanel div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.statsPanel span{color:#64748b;margin-bottom:8px;font-size:14px;display:block}.statsPanel strong{font-size:30px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.filters button,.modal button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;padding:11px 16px;font-weight:700}.ageFilters{margin-top:10px}.greenTab{background:#16a34a!important}.yellowTab{background:#f59e0b!important}.redTab{background:#dc2626!important}.results{gap:14px;margin-top:22px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-left:8px solid #94a3b8;border-radius:14px;padding:18px}.card.green{border-left-color:#16a34a}.card.yellow{border-left-color:#f59e0b}.card.red{border-left-color:#dc2626}.cardTop{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.cardTop strong{font-size:18px}.cardTop span{color:#475569;font-weight:700}.recordGrid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.recordGrid span{color:#64748b;margin-bottom:5px;font-size:13px;display:block}.recordGrid p{margin:0;font-weight:700}.modalOverlay{z-index:999;background:#0f172ab8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;max-width:560px;padding:28px;position:relative;box-shadow:0 24px 80px #00000059}.modal h2{margin-top:0}.modal p{color:#475569;line-height:1.5}.modalClose{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:22px;line-height:22px;display:flex;position:absolute;top:14px;right:14px;color:#0f172a!important;background:#e2e8f0!important}.floatingOrderButton{z-index:800;color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;background:#0f172a;border:none;border-radius:999px;width:82px;height:82px;font-size:15px;font-weight:800;position:fixed;box-shadow:0 18px 45px #0f172a59}.floatingOrderButton:active{cursor:grabbing;transform:scale(.98)}.pricingModal{width:100%;max-width:760px}.pricingIntro{margin-bottom:20px}.pricingCards{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;display:grid}.pricingCard{text-align:left;gap:6px;display:grid;color:#0f172a!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:14px!important;padding:16px!important}.pricingCard span{color:#64748b;font-size:13px}.pricingCard strong{font-size:18px}.pricingCard small{color:#64748b}.pricingCard b{font-size:20px}.pricingCard.green.active{border-color:#16a34a!important}.pricingCard.yellow.active{border-color:#f59e0b!important}.pricingCard.red.active{border-color:#dc2626!important}.quantityBox{margin:18px 0}.quantityBox label{margin-bottom:8px;font-weight:800;display:block}.quantityBox input{border:1px solid #cbd5e1;border-radius:10px;width:100%;max-width:220px;padding:12px;font-size:18px;font-weight:800}.warning{font-weight:700;color:#dc2626!important}.priceTotal{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;margin:16px 0;padding:16px;display:flex}.priceTotal span{color:#64748b;font-weight:700}.priceTotal strong{font-size:32px}.buyButton{width:100%;font-size:17px;padding:14px 18px!important}.buyButton:disabled{cursor:not-allowed;background:#94a3b8!important}.pricingNote{font-size:14px}@media (width<=800px){.statsPanel,.recordGrid{grid-template-columns:1fr 1fr}.pricingCards{grid-template-columns:1fr}.hero h1{font-size:34px}}@media (width<=520px){.statsPanel,.recordGrid{grid-template-columns:1fr}}.cleanFilters{grid-template-columns:repeat(6,1fr);gap:12px;width:100%;margin:22px 0;display:grid}.cleanFilters button{text-align:center;width:100%}
