:root{--primary:#1e3a8a;--primary-light:#3b82f6;--secondary:#eab308;--background:#f8fafc;--surface:#fff;--foreground:#0f172a;--text-muted:#475569;--border:#e2e8f0;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.5;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{color:var(--foreground);margin-bottom:.5em;font-weight:700;line-height:1.2}p{margin-bottom:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:rgba(var(--surface),.7);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--border),.5);border-radius:16px;box-shadow:0 8px 32px #0000000d}.btn-primary{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #1d4ed84d}.btn-primary:after{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);z-index:-2;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:0}.btn-primary:before{content:"";background:linear-gradient(135deg,var(--secondary)0%,#facc15 100%);z-index:-1;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(-101%)}.btn-primary:hover{color:#000;transform:translateY(-3px);box-shadow:0 8px 25px #1d4ed866}.btn-primary:hover:before{transform:translate(0)}.btn-primary>*{z-index:2;position:relative}.main-content{flex:1}.site-header{z-index:50;background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);color:#fff;border-bottom:1px solid #ffffff1a;padding:1rem 0;position:sticky;top:0;box-shadow:0 4px 20px #0000001a}.header-container{justify-content:space-between;align-items:center;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-item{color:#fffc;font-weight:600;transition:color .2s}.nav-item:hover{color:#fff}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:0;display:none}.hamburger-btn span{transform-origin:50%;background:#fff;border-radius:2px;width:100%;height:2px;transition:transform .4s cubic-bezier(.68,-.4,.32,1.4),opacity .25s,background-color .3s;display:block}.hamburger-btn.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (max-width:768px){.hamburger-btn{display:flex}.nav-links{background:var(--primary);flex-direction:column;align-items:flex-start;gap:0;padding:.5rem 1.5rem 1.5rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 20px #00000026}.nav-links.mobile-open{display:flex}.nav-links .nav-item{border-bottom:1px solid #ffffff1f;width:100%;padding:.85rem 0;border-left:none!important;padding-left:0!important}.stack-mobile{grid-template-columns:1fr!important}.stack-mobile>*{justify-self:center;width:100%}.stack-mobile img{margin:0 auto}.photo-fit{background-position:50%!important;min-height:220px!important}.cinematic-hero{align-items:center!important;min-height:100svh!important;padding:2.5rem 0!important;display:flex!important}.cinematic-hero .hero-logo img{max-width:140px!important}.cinematic-hero .hero-badge{margin-bottom:.75rem!important;padding:.2rem .75rem!important;font-size:.7rem!important}.cinematic-hero h1,.cinematic-hero h2{margin-bottom:.75rem!important;font-size:1.85rem!important;line-height:1.15!important}.cinematic-hero p{margin-bottom:1.5rem!important;font-size:.95rem!important}.cinematic-hero .hero-icon{margin-bottom:.5rem!important;font-size:2rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.glass-panel:hover{transition:transform .3s;transform:translateY(-4px)}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.cart-badge{color:#1e1e1e;background:#fde047;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:.5rem;padding:0 5px;font-size:.75rem;font-weight:800;display:inline-flex}.cart-badge.bump{animation:.4s cubic-bezier(.34,1.56,.64,1) popIn}.success-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes checkDraw{to{stroke-dashoffset:0}}.check-icon path{stroke-dasharray:48;stroke-dashoffset:48px;animation:.5s ease-out .15s forwards checkDraw}.reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ctaGlow{0%,to{box-shadow:0 0 #fde04780}50%{box-shadow:0 0 0 8px #fde04700}}.popup-confetti{animation:3s ease-in-out infinite floatBob}.popup-cta-glow{animation:2.2s ease-in-out infinite ctaGlow}@media (prefers-reduced-motion:reduce){.cart-badge.bump,.success-pop,.popup-confetti,.popup-cta-glow,.reveal{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.hamburger-btn span{transition-duration:.01ms!important}.check-icon path{stroke-dashoffset:0!important;animation:none!important}}