@font-face{font-family:PressStart2P;src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RobotoMono;src:url(/fonts/RobotoMono.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:RobotoMono;src:url(/fonts/RobotoMono-Italic.ttf)format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--color-bg:#e3f2eb;--color-surface:#fff;--color-surface-hover:#f5faf8;--color-primary:#03703c;--color-secondary:#d95332;--color-accent:#d95332;--color-text-main:#2f3e46;--color-text-muted:#3f4e56;--font-heading:"PressStart2P", monospace;--font-body:"RobotoMono", monospace;--border-radius:30px;--border-radius-large:50px;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--glass-bg:#ffffffb3;--glass-border:#2f3e461a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}h1{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-text-main) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:400;line-height:1.6}h2{margin-bottom:1rem;font-size:clamp(1.1rem,2.5vw,1.8rem);font-weight:400;line-height:1.6}.text-gradient{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-accent{background:linear-gradient(90deg, var(--color-primary), #02502a);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0;position:relative}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius);transition:var(--transition);padding:2.5rem}.glass-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 10px 30px #2f3e461a,0 0 20px #03703c0d}.card-dark{background:var(--color-text-main);color:var(--color-bg);border-radius:var(--border-radius);transition:var(--transition);border:2px solid #0000;align-items:center;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 10px 25px #2f3e4626}.card-dark:hover{border-color:var(--color-secondary);transform:translateY(-5px)}.card-dark-icon{background:#e3f2eb26;border:2px solid #e3f2eb4d;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;padding:1rem;display:flex}.overlapping-container{width:100%;max-width:450px;height:480px;margin:0 auto;position:relative}.image-main{object-fit:cover;border-radius:var(--border-radius-large);border:3px solid var(--color-text-main);width:75%;height:75%;box-shadow:10px 10px 0 var(--color-text-main);z-index:2;position:absolute;top:0;left:0}.image-sub{object-fit:cover;border-radius:var(--border-radius);border:3px solid var(--color-text-main);width:55%;height:55%;box-shadow:8px 8px 0 var(--color-primary);z-index:3;position:absolute;bottom:0;right:0}.organic-decoration-path{z-index:1;pointer-events:none;width:110%;height:110%;position:absolute;top:-10%;right:-5%}.hero-organic-wrapper{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.hero-img-circle{object-fit:cover;border:4px solid var(--color-text-main);z-index:2;border-radius:50%;width:85%;height:85%}.hero-circle-outline{border:3px dashed var(--color-text-main);z-index:1;border-radius:50%;width:95%;height:95%;animation:40s linear infinite rotate;position:absolute}.hero-circle-accent{border:3px solid var(--color-secondary);z-index:0;pointer-events:none;border-radius:50%;width:90%;height:90%;position:absolute;top:8%;left:3%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-dark{background-color:var(--color-text-main);color:var(--color-bg);padding:6rem 0}.section-dark h2{color:#fff}.section-dark p{color:#e3f2ebcc}.section-dark .glass-card{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.section-dark .glass-card h3,.section-dark .glass-card h4{color:#fff}.section-dark .glass-card p{color:#e3f2ebb3}.doodle-element{pointer-events:none;color:var(--color-text-main);opacity:.7;animation:6s ease-in-out infinite float;position:absolute}.btn{font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;transition:var(--transition);border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.75rem;font-weight:400;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(45deg, var(--color-primary), #02502a);color:#fff;box-shadow:0 4px 15px #03703c4d}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #03703c66}.btn-secondary{color:var(--color-text-main);border:2px solid var(--color-text-main);background:0 0}.btn-secondary:hover{background:var(--color-text-main);color:var(--color-bg);border-color:var(--color-text-main)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}.bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#03703c1a 0%,#fff0 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;left:-200px}.bg-glow-right{z-index:-1;pointer-events:none;background:radial-gradient(circle,#ff7a591a 0%,#fff0 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-100px;right:-100px}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=992px){.grid-2{grid-template-columns:1fr;gap:3rem}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3{grid-template-columns:1fr}.section{padding:4rem 0}.btn{width:100%;padding:1rem}}.popup-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;padding:1rem;animation:.5s forwards overlayIn;display:flex;position:fixed;inset:0}.popup-overlay.closing{animation:.8s forwards overlayOut}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.crt-scanlines{z-index:10000;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000026 3px 4px);position:fixed;inset:0}.crt-monitor{background:#2a2a2a;border-radius:20px;width:100%;max-width:700px;padding:20px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both monitorIn;position:relative;box-shadow:0 0 0 4px #1a1a1a,0 0 0 8px #333,0 0 60px #03703c66,0 0 120px #03703c26,inset 0 0 20px #000c}@keyframes monitorIn{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.crt-screen{text-align:center;background:#0a1a0a;border:2px solid #1a3a1a;border-radius:12px;padding:2.5rem 2rem;animation:8s infinite screenFlicker;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #03703c33,inset 0 0 60px #00000080}@keyframes screenFlicker{0%,95%,to{opacity:1}96%{opacity:.95}97%{opacity:1}98%{opacity:.9}}.crt-screen:before{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#03703c14 0%,#0000 70%);position:absolute;inset:0}.crt-corner{background:#555;border-radius:50%;width:12px;height:12px;position:absolute}.crt-corner.tl{top:8px;left:8px}.crt-corner.tr{top:8px;right:8px}.crt-corner.bl{bottom:8px;left:8px}.crt-corner.br{bottom:8px;right:8px}.pixel-row{justify-content:center;gap:1.5rem;margin:.5rem 0;display:flex}.pixel-char{color:#03703c;text-shadow:0 0 8px #03703ccc;font-family:PressStart2P,monospace;font-size:.7rem}.popup-logo-wrap{justify-content:center;margin-bottom:1.2rem;display:flex}.popup-logo{object-fit:contain;filter:brightness(0)invert()sepia()saturate(2)hue-rotate(90deg);height:40px;image-rendering:pixelated}.popup-headline{flex-direction:column;gap:.25rem;margin-bottom:1.2rem;display:flex}.headline-line{color:#03703c;text-shadow:0 0 10px #03703ce6,0 0 20px #03703c80,0 0 40px #03703c4d;letter-spacing:2px;font-family:PressStart2P,monospace;font-size:clamp(1.3rem,4vw,2rem);display:block}.headline-line.accent{color:#ff7a59;text-shadow:0 0 10px #ff7a59e6,0 0 20px #ff7a5980,0 0 40px #ff7a594d}.popup-subtitle{color:#03703cd9;letter-spacing:1px;margin-bottom:1rem;font-family:RobotoMono,monospace;font-size:clamp(.65rem,2vw,.8rem);line-height:2}.accent-text{color:#ff7a59;text-shadow:0 0 8px #ff7a5999;font-family:PressStart2P,monospace;font-size:.7rem}.pixel-divider{color:#03703c66;letter-spacing:3px;margin:.75rem 0;font-family:PressStart2P,monospace;font-size:.55rem}.popup-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.stat-item{flex-direction:column;align-items:center;gap:.3rem;display:flex}.stat-number{color:#ff7a59;text-shadow:0 0 10px #ff7a59b3;font-family:PressStart2P,monospace;font-size:clamp(.8rem,2vw,1.1rem)}.stat-label{color:#03703cb3;letter-spacing:1px;text-transform:uppercase;font-family:RobotoMono,monospace;font-size:.55rem}.stat-divider{color:#03703c4d;align-self:center;font-family:PressStart2P,monospace;font-size:1.5rem}.popup-cta{color:#0a1a0a;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:#03703c;border:3px solid #03703c;border-radius:4px;margin-bottom:1rem;padding:1rem 2rem;font-family:PressStart2P,monospace;font-size:clamp(.65rem,2vw,.85rem);transition:all .2s;display:inline-block;position:relative;box-shadow:0 0 0 2px #0a1a0a,0 0 0 4px #03703c,0 0 20px #03703c80,0 4px #024d2a}.popup-cta:hover{color:#fff;background:#ff7a59;border-color:#ff7a59;transform:translateY(-2px);box-shadow:0 0 0 2px #0a1a0a,0 0 0 4px #ff7a59,0 0 30px #ff7a5999,0 4px #c45a3a}.popup-cta:active{transform:translateY(2px);box-shadow:0 0 0 2px #0a1a0a,0 0 0 4px #03703c,0 0 10px #03703c4d}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes blinkBorder{0%,to{border-color:#03703c;box-shadow:0 0 0 2px #0a1a0a,0 0 0 4px #03703c,0 0 20px #03703c80,0 4px #024d2a}50%{border-color:#ff7a59;box-shadow:0 0 0 2px #0a1a0a,0 0 0 4px #ff7a59,0 0 25px #ff7a5966,0 4px #024d2a}}.blink-slow{animation:1.5s step-end infinite blink}.blink-border{animation:2s step-end infinite blinkBorder}.popup-hint{color:#03703c80;letter-spacing:2px;text-transform:uppercase;margin-top:.5rem;font-family:RobotoMono,monospace;font-size:.6rem}@media (width<=480px){.crt-monitor{border-radius:14px;padding:12px}.crt-screen{padding:1.5rem 1rem}.popup-stats{gap:.5rem}.stat-divider{display:none}.popup-cta{padding:.8rem 1.2rem}}