*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:#07121d}header{justify-content:space-between;padding:18px 40px;background:#0d1f2f;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo,header{display:flex;align-items:center}.logo{gap:15px}.logo img{height:45px}nav a{margin:0 15px;text-decoration:none;color:#fff;font-weight:500;transition:.3s}nav a:hover{color:#1d6df2}.hero{padding:80px 40px;text-align:center;background:linear-gradient(135deg,#0d1f2f,#13283c)}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;opacity:.8}.section{padding:60px 40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:30px;gap:30px}.card{background:#13283c;padding:20px;border-radius:16px;transition:.3s;box-shadow:0 10px 25px rgba(0,0,0,.4)}.card:hover{transform:translateY(-8px)}.card img{width:100%;border-radius:12px;margin-bottom:15px}.card h3{margin-bottom:8px}.price{color:#1d6df2;font-weight:700;margin-bottom:10px}button{background:#1d6df2;padding:10px 15px;border-radius:8px;transition:.3s}button:hover{background:#1552b0}footer{padding:40px;text-align:center;background:#0d1f2f;margin-top:60px}@media(max-width:768px){header{flex-direction:column;gap:15px}}:root{--glass-bg:hsla(0,0%,100%,.06);--glass-border:hsla(0,0%,100%,.1);--accent:#1d6df2}body{background:radial-gradient(circle at 20% 20%,#0f1c2e,#07121d 60%);color:#fff;font-family:Inter,sans-serif}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.4)}button{background:linear-gradient(135deg,#1d6df2,#1552b0);border:none;padding:12px 18px;border-radius:12px;color:#fff;cursor:pointer;transition:all .25s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(29,109,242,.4)}.hero h1{font-size:32px}.glass{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.08);border-radius:18px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;z-index:999}.modal{width:400px;padding:40px;animation:scaleIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.input-group{position:relative;margin-bottom:25px;width:100%}.input-group input{width:100%;padding:18px 16px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);color:#fff;font-size:16px;outline:none;transition:all .2s ease}.input-group input:focus{border:1px solid var(--accent);box-shadow:0 0 0 3px rgba(29,109,242,.2)}.input-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.6;pointer-events:none;transition:all .2s ease}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:-10px;left:14px;font-size:12px;background:rgba(15,28,46,.9);padding:0 6px;border-radius:6px;opacity:1}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:flex-end;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}.cart-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.cart-drawer{width:420px;height:100%;padding:40px;background:rgba(15,28,46,.95);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:1px solid hsla(0,0%,100%,.08);transform:translateX(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1)}.cart-overlay.show .cart-drawer{transform:translateX(0)}.cart-item{padding:15px;border-radius:14px;transition:background .2s ease}.cart-item:hover{background:hsla(0,0%,100%,.05)}.glow-hover:hover{box-shadow:0 0 25px rgba(29,109,242,.3)}.glow-hover:hover img{transform:scale(1.05)}