@tailwind base;@tailwind components;@tailwind utilities;:root{--color-1: #2F5233;--color-2: #fbbf24;--color-3: #86efac}@layer utilities{.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.glass-panel{@apply bg-white/70 border border-white/40 shadow-xl;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-panel-dark{@apply bg-slate-900/60 border border-white/10 shadow-2xl;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.text-balance{text-wrap:balance}.bg-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#4a7a5d;border-radius:99px;border:1px solid #0f172a}::-webkit-scrollbar-thumb:hover{background:#2f5233}::selection{background-color:#fbbf24;color:#2f5233}body{background-color:#f8fafc}@keyframes breathe-nature{0%,to{transform:scale(1);filter:brightness(1) drop-shadow(0 4px 6px rgba(0,0,0,.05))}50%{transform:scale(1.03);filter:brightness(1.05) drop-shadow(0 8px 12px rgba(47,82,51,.2))}}.animate-breathe{animation:breathe-nature 4s ease-in-out infinite}.logo-shine-wrapper{position:relative;overflow:hidden;border-radius:8px;transform:translateZ(0)}.logo-shine-wrapper:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:skew(-20deg);pointer-events:none;transition:none}.group:hover .logo-shine-wrapper:after{animation:shine-sweep 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes shine-sweep{0%{left:-150%;opacity:0}10%{opacity:1}to{left:150%;opacity:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 30s linear infinite}.leaf-particle{position:absolute;left:0;top:0;width:var(--size);height:var(--size);color:var(--color);pointer-events:none;will-change:transform,opacity;z-index:40;animation:fly-leaf var(--time) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fly-leaf{0%{transform:translate(var(--start-x),var(--start-y)) rotate(0) scale(0);opacity:0}15%{opacity:1;transform:translate(calc(var(--start-x) + 10px),calc(var(--start-y) - 20px)) rotate(45deg) scale(1.2)}to{transform:translate(var(--end-x),var(--end-y)) rotate(calc(var(--end-rotate) + 360deg)) scale(0);opacity:0}}.orb-card-bg{position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%) scale(.4);border-radius:50%;opacity:0;filter:blur(60px);transition:all .6s cubic-bezier(.2,.8,.2,1);z-index:0;pointer-events:none}.group:hover .orb-card-bg{transform:translate(-50%,-50%) scale(2.2);opacity:1}.orb-green{background:radial-gradient(circle,#86efac,#22c55e)}.orb-gold{background:radial-gradient(circle,#fcd34d,#f59e0b)}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:50% 50% 30% 70%/30% 30% 70% 70%}}.liquid-blob{animation:morph 12s ease-in-out infinite;transition:all .6s cubic-bezier(.22,1,.36,1);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}.service-card:hover .liquid-blob{transform:rotate(180deg) scale(1.15);background-color:#fbbf24;color:#2f5233;box-shadow:0 0 20px #fbbf2466}.wrapper-grid{--animation-duration: 2.1s;--cube-color: rgba(47, 82, 51, .95);--highlight-color: #fbbf24;--cube-width: 42px;--cube-height: 42px;--font-size: 1.4em;position:relative;display:grid;grid-template-columns:repeat(var(--char-count),var(--cube-width));grid-template-rows:auto;grid-gap:2px;perspective:500px;font-family:Inter,sans-serif;font-size:var(--font-size);font-weight:800;color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.cube{position:relative;width:var(--cube-width);height:var(--cube-height);transform-style:preserve-3d;animation:translate-z var(--animation-duration) ease-in-out infinite}.face{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--cube-width);height:var(--cube-height);background-color:var(--cube-color);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 10px #0000001a}.face-front{transform:rotateY(0) translateZ(calc(var(--cube-width) / 2))}.face-back{transform:rotateY(180deg) translateZ(calc(var(--cube-width) / 2));opacity:.6}.face-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-width) / 2));opacity:.6}.face-right{transform:rotateY(90deg) translateZ(calc(var(--cube-width) / 2));opacity:.6}.face-top{height:var(--cube-width);transform:rotateX(90deg) translateZ(calc(var(--cube-width) / 2));opacity:.8}.face-bottom{height:var(--cube-width);transform:rotateX(-90deg) translateZ(calc(var(--cube-height) - var(--cube-width) * .5));opacity:.8}.cube .face.face-front{animation:face-color var(--animation-duration) ease-in-out infinite,face-glow var(--animation-duration) ease-in-out infinite,edge-glow var(--animation-duration) ease-in-out infinite;animation-delay:inherit;color:#fffffff2}@keyframes translate-z{0%,to{transform:translateZ(-2px)}20%{transform:translateZ(8px) translateY(-1px)}40%{transform:translateZ(-2px)}}@keyframes face-color{0%,50%,to{background-color:var(--cube-color)}10%{background-color:var(--highlight-color)}}@keyframes face-glow{0%,to{color:#fffc;filter:none}15%{color:#fff;filter:drop-shadow(0 0 10px var(--highlight-color))}}@keyframes edge-glow{0%,40%,to{box-shadow:inset 0 0 2px 1px #0003,inset 0 0 5px 1px #ffffff0d}20%{box-shadow:0 0 8px 0 var(--highlight-color);border-color:#ffffffe6}}.animate-fade-in{animation:fade-in .6s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-shift{background-size:400% 400%;animation:gradient-shift 12s ease infinite}@keyframes aurora-1{0%,to{transform:translate(0) scale(1);opacity:.4}33%{transform:translate(50px,30px) scale(1.1);opacity:.6}66%{transform:translate(-20px,20px) scale(.9);opacity:.5}}@keyframes aurora-2{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(-40px,-40px) scale(1.2);opacity:.5}}@keyframes twinkle{0%,to{opacity:.03}50%{opacity:.08}}.animate-aurora-slow{animation:aurora-1 15s infinite ease-in-out}.animate-aurora-slower{animation:aurora-2 20s infinite ease-in-out reverse}.animate-twinkle{animation:twinkle 5s infinite ease-in-out}.bg-tech-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(47,82,51,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(47,82,51,.05) 1px,transparent 1px)}@keyframes scan-vertical{0%{top:-10%;opacity:0}to{top:110%;opacity:0}}.animate-scanline{position:absolute;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent,rgba(74,122,93,.1),transparent);animation:scan-vertical 8s linear infinite;pointer-events:none}@keyframes focus-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.focus-marker{animation:focus-pulse 3s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 60s linear infinite}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}@keyframes dash-flow{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.animate-dash-flow{animation:dash-flow 2s linear infinite}.flower-btn{height:3rem;min-width:6rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background:transparent;border:0px solid black;cursor:pointer;position:relative;transition:transform .2s ease}.flower-btn:active{transform:scale(.95)}.flower-wrapper{height:2em;width:100%;position:relative;background:transparent;display:flex;justify-content:center;align-items:center}.flower-text{font-size:.875rem;font-weight:500;z-index:2;color:#1e293b;padding:6px 16px;border-radius:99px;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .5s ease;white-space:nowrap}.flower{display:grid;grid-template-columns:.6em .6em;position:absolute;transition:grid-template-columns .8s ease;z-index:1;pointer-events:none}.flower1{top:-14px;left:-10px;transform:rotate(5deg)}.flower2{bottom:-8px;left:6px;transform:rotate(35deg)}.flower3{bottom:-18px;left:50%;transform:rotate(0) translate(-50%)}.flower4{top:-16px;left:50%;transform:rotate(15deg) translate(-50%)}.flower5{right:10px;top:-6px;transform:rotate(25deg)}.flower6{right:-12px;bottom:-14px;transform:rotate(30deg)}.petal{height:.6em;width:.6em;border-radius:40% 70%/7% 90%;background:linear-gradient(#2f5233,#86efac);border:.5px solid #4a7a5d;z-index:0;transition:width .8s ease,height .8s ease;opacity:0;transform:scale(0)}.two{transform:rotate(90deg)}.three{transform:rotate(270deg)}.four{transform:rotate(180deg)}.flower-btn:hover .petal,.flower-btn.active .petal{opacity:1;transform:scale(1);background:linear-gradient(#4a7a5d,#fbbf24);border:.5px solid #fbbf24}.flower-btn:hover .flower,.flower-btn.active .flower{grid-template-columns:.9em .9em}.flower-btn:hover .flower .petal,.flower-btn.active .flower .petal{width:.9em;height:.9em}.flower-btn:hover .flower-text{background:#ffffffe6;color:#2f5233;box-shadow:0 4px 12px #2f523326}.flower-btn:hover .flower1,.flower-btn.active .flower1{animation:flower-spin 15s linear infinite}.flower-btn:hover .flower2,.flower-btn.active .flower2{animation:flower-spin-rev 13s linear 1s infinite}.flower-btn:hover .flower3,.flower-btn.active .flower3{animation:flower-spin 16s linear 1s infinite}.flower-btn:hover .flower4,.flower-btn.active .flower4{animation:flower-spin 17s linear 1s infinite}.flower-btn:hover .flower5,.flower-btn.active .flower5{animation:flower-spin-rev 20s linear 1s infinite}.flower-btn:hover .flower6,.flower-btn.active .flower6{animation:flower-spin 15s linear 1s infinite}@keyframes flower-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flower-spin-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes shine-fast{0%{left:-100%;opacity:0}20%{opacity:.5}to{left:100%;opacity:0}}.animate-shine-fast{animation:shine-fast 2.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes cosmic-pulse{0%{box-shadow:0 0 #fbbf2466}70%{box-shadow:0 0 0 15px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.group:hover .animate-cosmic-pulse{animation:cosmic-pulse 2s infinite}@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(300%)}to{transform:translate(-100%)}}
