@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090d;color:#fff;font-family:Cairo,Arial,sans-serif}header{position:sticky;top:0;z-index:10;height:74px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(8,9,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid #20222b}.logo{color:#fff;text-decoration:none;font-weight:900;font-size:24px;letter-spacing:.5px}.logo span{color:#d9ad5b}.cartTop{border:1px solid #343744;background:#11131a;color:#fff;border-radius:14px;padding:11px 17px;font:inherit;cursor:pointer}.cartTop b{background:#d9ad5b;color:#111;border-radius:20px;padding:2px 8px;margin-right:6px}.hero{margin:0 auto;padding:105px 6% 100px;max-width:1250px;min-height:500px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 75% 35%,#5a421b55,transparent 35%)}.eyebrow,small{color:#d9ad5b;font-weight:800}.hero h1{font-size:clamp(44px,7vw,82px);line-height:1.05;margin:15px 0}.hero h1 span{color:#d9ad5b}.hero p{color:#a9acb8;font-size:18px}.heroBtn,.pay{display:inline-block;width:max-content;text-decoration:none;background:#d9ad5b;color:#111;border:0;border-radius:14px;padding:14px 24px;font-weight:900;font-family:inherit;cursor:pointer}.section{max-width:1250px;margin:auto;padding:50px 6%}.section h2,.checkout h2,.cart h2{font-size:34px;margin:5px 0 28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;background:linear-gradient(145deg,#151720,#0d0f15);border:1px solid #292c36;border-radius:22px;padding:25px;box-shadow:0 15px 50px #0005}.card:hover{transform:translateY(-3px);border-color:#d9ad5b88}.badge{position:absolute;left:18px;top:18px;color:#111;background:#d9ad5b;padding:5px 10px;border-radius:10px;font-size:12px;font-weight:900}.card h3{margin:0;color:#d9ad5b;font-size:25px}.pkg{color:#d5d6db;margin:5px 0 18px}.price{font-size:38px;font-weight:900}.price small{font-size:15px}.duration{color:#8e929f}.features{padding:0;margin:20px 0;list-style:none;color:#c5c7ce;min-height:150px}.features li{margin:9px 0}.features li:before{content:'✓';color:#d9ad5b;font-weight:900;margin-left:8px}.add{width:100%;padding:13px;border-radius:12px;border:1px solid #3b3e49;background:#20222b;color:#fff;font:inherit;font-weight:800;cursor:pointer}.add:hover{background:#d9ad5b;color:#111}.checkout,.cart{max-width:1130px;margin:30px auto;padding:32px;background:#101219;border:1px solid #292c36;border-radius:24px}.checkout{display:grid;grid-template-columns:1fr 1.2fr;gap:35px}.checkout p{color:#999eab}.form{display:grid;gap:13px}.form label{color:#c7c9d0;font-weight:700}.form input{display:block;width:100%;margin-top:7px;padding:14px;background:#080a0f;border:1px solid #30333e;border-radius:12px;color:#fff;font:inherit;outline:none}.form input:focus{border-color:#d9ad5b}.cartTitle{display:flex;justify-content:space-between;align-items:center}.cartTitle span{color:#777d89;font-size:13px}.item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #272a34}.item b{font-size:16px}.sub{color:#8f94a0;font-size:13px;margin-top:3px}.qty{display:flex;align-items:center;gap:7px}.qty button{border:1px solid #363945;background:#191b23;color:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.qty .del{color:#e8a2a2}.empty{padding:25px;text-align:center;color:#777d89}.total{display:flex;justify-content:space-between;font-size:21px;padding:22px 0}.total b{color:#d9ad5b}.pay{width:100%;font-size:17px}.pay:disabled{cursor:not-allowed}.pay:not(:disabled):hover{filter:brightness(1.08)}footer{text-align:center;color:#555b68;padding:35px} @media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.checkout{grid-template-columns:1fr}}@media(max-width:560px){header{padding:0 4%}.hero{padding:75px 5%}.hero h1{font-size:46px}.grid{grid-template-columns:1fr}.section,.checkout,.cart{margin-left:4%;margin-right:4%;padding:22px}.checkout{display:block}.checkout>div:first-child{margin-bottom:25px}.item{align-items:flex-start;flex-direction:column}.qty{width:100%}.qty button{flex:1}}