@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&display=swap";
:root{--primary-bg:#9fdb9a;--text-light:#0a2a1e;--text-muted:#1a4433;--accent:#d4af37;--btn-bg:#0a2a1e;--btn-text:#f6fffb;--btn-hover:#114232;--secondary-btn-bg:#fff9;--secondary-btn-text:#0a2a1e;--section-bg-light:#fff6;--card-bg-light:#d9f6cfd9;--radius:20px;--transition:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--primary-bg);color:var(--text-light);max-width:100vw;font-family:Outfit,Quicksand,sans-serif;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}:focus:not(:focus-visible){outline:none}.app{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem;overflow-x:hidden}@media (min-width:768px){.app{padding:0 1.5rem}}@media (min-width:1024px){.app{padding:0 2rem}}h1,h2,h3,h4,h5,h6{color:var(--text-light);font-family:Cinzel,serif;font-weight:700}p{color:var(--text-muted);font-size:1rem}button,.btn{background:var(--btn-bg);color:var(--btn-text);border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;padding:12px 28px;font-size:1rem;font-weight:500;display:inline-block}button:hover,.btn:hover{background:var(--btn-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #0003}button:active,.btn:active{box-shadow:none;transform:translateY(0)}.neon-box{border-radius:var(--radius);border:1px solid #7777b04d;box-shadow:0 0 10px #11113199,0 0 25px #19193c66,0 0 50px #1d1d4633}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto}a:hover{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #fff6;box-shadow:0 8px 32px #0a2a1e14}.premium-text{background:linear-gradient(135deg,var(--text-light)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif}
.navbar-links{gap:3rem;list-style:none;display:flex}.navbar-links a{color:var(--text-light);font-weight:500;text-decoration:none}.navbar-links a.active{color:#22c55e;border-bottom:2px solid #22c55e;padding-bottom:.2rem;font-weight:600}.navbar-icons{color:var(--text-light);align-items:center;gap:1.875rem;font-size:1.2rem;display:flex}.navbar-icons .icon{cursor:pointer}.navbar-cart-icon{cursor:pointer;position:relative}.navbar-cart-icon .dot{background-color:var(--btn-hover);border-radius:5px;min-width:10px;min-height:10px;position:absolute;top:-5px;right:-5px}.navbar-signin-btn{background-color:var(--btn-bg);border:1px solid var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:var(--transition);border-radius:50px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:700}.navbar-signin-btn:hover{background-color:var(--btn-hover);border-color:var(--btn-hover);color:var(--btn-text);box-shadow:none;transform:none}.avatar-icon{color:var(--text-light);cursor:pointer;transition:var(--transition);font-size:1.8rem}.avatar-icon:hover{color:var(--accent)}@media (max-width:56.25rem){.navbar-links{gap:1.5rem}}@media (max-width:46.875rem){.navbar-links{text-align:center;flex-direction:column;gap:1.25rem}}
