@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Plus+Jakarta+Sans:wght@300;400;500;700&display=swap";:root{--brand-primary: #0f172a;--brand-secondary: #8cd630;--brand-accent: #7CBF2A;--brand-gold: #f59e0b;--bg-main: #ffffff;--bg-subtle: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--shadow-premium: 0 20px 25px -5px rgb(0 0 0 / .05), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-hover: 0 25px 50px -12px rgb(0 0 0 / .08);--border-radius-xl: 1.5rem;--border-radius-lg: 1rem;--header-height: 80px;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,.font-heading{font-family:Outfit,sans-serif;letter-spacing:-.025em}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1.5rem}}.navbar-scrolled{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #0000000d}.hero-gradient{background:radial-gradient(circle at top right,rgba(124,191,42,.08),transparent 40%),radial-gradient(circle at bottom left,rgba(124,191,42,.05),transparent 40%)}.premium-card{background:var(--bg-main);border:1px solid rgba(0,0,0,.04);border-radius:var(--border-radius-xl);padding:2.5rem;transition:var(--transition-smooth);box-shadow:var(--shadow-premium);position:relative;overflow:hidden}.premium-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--brand-secondary)}.premium-button{background:var(--brand-primary);color:#fff;padding:1rem 2rem;border-radius:var(--border-radius-lg);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;transition:var(--transition-smooth);border:none;cursor:pointer;font-size:1rem}.premium-button:hover{background:var(--brand-secondary);box-shadow:0 10px 20px -5px #7cbf2a66;transform:translateY(-2px)}.secondary-button{background:transparent;color:var(--brand-primary);border:2px solid var(--brand-primary);padding:.9rem 1.9rem}.secondary-button:hover{background:var(--brand-primary);color:#fff}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.bento-7{grid-column:span 7}.bento-5{grid-column:span 5}@media(max-width:768px){.bento-7,.bento-5{grid-column:span 12}}.misaligned-frame-container{position:relative;padding:1rem;perspective:1000px;height:550px}.hero-frame-offset{position:absolute;top:20px;left:-20px;width:100%;height:100%;border:3px solid var(--brand-accent);border-radius:2.5rem;z-index:1;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.hero-main-frame{position:relative;z-index:2;width:100%;height:100%;border-radius:2.5rem;overflow:hidden;border:12px solid white;box-shadow:0 40px 80px -20px #00000026;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.misaligned-frame-container:hover .hero-frame-offset{transform:translate(30px,-30px) rotate(3deg);border-color:var(--brand-secondary)}.misaligned-frame-container:hover .hero-main-frame{transform:scale(1.02) rotate(-1.5deg);box-shadow:0 50px 100px -20px #7cbf2a40}.float-animation{animation:floating 6s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.premium-frame{transition:var(--transition-smooth);border:12px solid white;box-shadow:0 40px 80px -20px #0003}.premium-frame:hover{transform:scale(1.02) rotate(-1deg);box-shadow:0 50px 100px -20px #7cbf2a33}.chip{padding:.4rem 1rem;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--bg-subtle);color:var(--text-muted)}.animate-reveal{animation:reveal 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}nav{height:var(--header-height);background:#fff;display:flex;align-items:center;transition:var(--transition-smooth);border-bottom:1px solid rgba(0,0,0,.05)}.navbar-scrolled{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #00000008}footer{background:var(--brand-primary);color:#fff;padding:6rem 0 3rem}footer a{color:#94a3b8;text-decoration:none;transition:var(--transition-smooth)}footer a:hover{color:var(--brand-secondary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}@media(max-width:968px){.footer-grid{grid-template-columns:1fr 1fr}}.workshop-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.workshop-tag{background:#e0f2fe;color:#0369a1;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:2000;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;transform:translate(100%);transition:var(--transition-smooth)}.mobile-menu-overlay.open{transform:translate(0)}@media(max-width:1024px){:root{--header-height: 70px}.footer-grid{grid-template-columns:1fr 1fr!important;gap:2.5rem}}@media(max-width:768px){.container{padding:0 1.5rem!important}.footer-grid{grid-template-columns:1fr!important;text-align:center;gap:3rem}.footer-grid>div{display:flex;flex-direction:column;align-items:center}.bento-grid,.workshop-card-grid{grid-template-columns:1fr!important}h1{font-size:2.5rem!important}h2{font-size:2rem!important}section{padding:4rem 0!important}.animate-reveal div[style*="height: 550px"],.misaligned-frame-container,.hero-main-frame{height:300px!important}.hero-frame-offset{top:10px;left:-10px;border-radius:1.5rem}.hero-main-frame{border-width:6px;border-radius:1.5rem}}@media(max-width:480px){h1{font-size:2.2rem!important}.premium-card{padding:1.5rem!important}}
