@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--color-bg-deep: #12101a;--color-bg-base: #1a1520;--color-bg-surface: #241e2e;--color-bg-raised: #2d2438;--color-bg-elevated: #362c42;--color-bg-highlight: #3f344d;--color-primary: #00e676;--color-primary-light: #69f0ae;--color-primary-dark: #00c853;--color-primary-glow: rgba(0, 230, 118, .4);--color-primary-subtle: rgba(0, 230, 118, .08);--color-gold: #ffd54f;--color-gold-dark: #ffb300;--color-amber: #ff8f00;--color-warm-red: #ef5350;--color-text-primary: #f5f0ff;--color-text-secondary: #c4b8d9;--color-text-muted: #8a7fa0;--shadow-raised: 6px 6px 16px rgba(0, 0, 0, .5), -3px -3px 10px rgba(255, 255, 255, .03);--shadow-raised-hover: 8px 8px 24px rgba(0, 0, 0, .6), -4px -4px 12px rgba(255, 255, 255, .04);--shadow-inset: inset 4px 4px 10px rgba(0, 0, 0, .5), inset -2px -2px 6px rgba(255, 255, 255, .03);--shadow-deep: 10px 10px 30px rgba(0, 0, 0, .7), -5px -5px 15px rgba(255, 255, 255, .04), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-3d-button: 0 6px 0 var(--color-primary-dark), 0 8px 20px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .2);--shadow-3d-button-pressed: 0 2px 0 var(--color-primary-dark), 0 3px 8px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .15);--shadow-glow-green: 0 0 20px var(--color-primary-glow), 0 0 60px rgba(0, 230, 118, .15);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-2xl: 2.5rem;--font-size-3xl: 3.5rem;--font-size-4xl: 4.5rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.25, .46, .45, .94);--transition-slow: .5s cubic-bezier(.25, .46, .45, .94);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg-deep);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),radial-gradient(ellipse at 20% 20%,rgba(0,230,118,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,213,79,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,230,118,.02) 0%,transparent 70%),linear-gradient(170deg,var(--color-bg-deep) 0%,#0f0d15 50%,var(--color-bg-deep) 100%);background-attachment:fixed;color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.4'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:1;mix-blend-mode:overlay}body:after{content:"";position:fixed;inset:-50%;background:radial-gradient(circle at 25% 25%,rgba(0,230,118,.06) 0%,transparent 40%),radial-gradient(circle at 75% 75%,rgba(255,213,79,.04) 0%,transparent 40%);animation:ambientDrift 25s ease-in-out infinite;pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);text-shadow:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3)}h2{font-size:var(--font-size-3xl);text-shadow:0 1px 0 rgba(255,255,255,.08),0 -1px 0 rgba(0,0,0,.4)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:1rem 2rem;font-size:var(--font-size-md);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;font-family:var(--font-family);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(180deg,var(--color-primary-light) 0%,var(--color-primary) 40%,var(--color-primary-dark) 100%);color:var(--color-bg-deep);font-weight:700;box-shadow:var(--shadow-3d-button);border:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(0,0,0,.3);transform:translateY(0);text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:skew(-20deg);transition:left .6s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--color-primary-dark),0 12px 30px #00000080,0 0 40px var(--color-primary-glow),inset 0 1px #ffffff4d}.btn-primary:hover:before{left:130%}.btn-primary:active{transform:translateY(4px);box-shadow:var(--shadow-3d-button-pressed)}.btn-secondary{background:linear-gradient(180deg,#4a4a55,#3a3a45);color:var(--color-text-primary);box-shadow:0 6px #2a2a32,0 8px 10px #0006,inset 0 1px #ffffff26;text-shadow:0 1px 0 rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.08)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px #2a2a32,0 12px 14px #00000080,inset 0 1px #fff3;border-color:#00e6764d}.btn-secondary:active{transform:translateY(4px);box-shadow:0 2px #2a2a32,0 2px 4px #0000004d,inset 0 1px #ffffff1a}.skeuo-card{background:linear-gradient(145deg,var(--color-bg-raised) 0%,var(--color-bg-surface) 100%);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:var(--shadow-raised);transition:all var(--transition-normal);position:relative;overflow:hidden}.skeuo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.1) 50%,transparent 90%)}.skeuo-card:hover{box-shadow:var(--shadow-raised-hover);transform:translateY(-4px);border-color:#00e67626}.glass-card{background:linear-gradient(145deg,var(--color-bg-raised) 0%,var(--color-bg-surface) 100%);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:var(--shadow-raised);transition:all var(--transition-normal);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.1) 50%,transparent 90%)}.glass-card:hover{box-shadow:var(--shadow-raised-hover);transform:translateY(-4px);border-color:#00e67626}.neu-inset{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-inset);border:1px solid rgba(0,0,0,.2)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 40px var(--color-primary-glow),0 0 80px #00e67626}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes waveform{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes ambientDrift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(8%,8%) rotate(3deg)}66%{transform:translate(-8%,4%) rotate(-3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shineSweep{0%{left:-100%}to{left:200%}}@keyframes pressDown{0%{transform:translateY(0)}50%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes needleSwing{0%{transform:rotate(-90deg)}60%{transform:rotate(55deg)}80%{transform:rotate(40deg)}to{transform:rotate(45deg)}}@keyframes rotateVault{0%{transform:rotate(0)}25%{transform:rotate(120deg)}50%{transform:rotate(60deg)}75%{transform:rotate(200deg)}to{transform:rotate(150deg)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-fade-in-up{animation:fadeInUp 1s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-scale-in{animation:scaleIn .6s ease-out forwards}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){:root{--font-size-4xl: 2.5rem;--font-size-3xl: 2rem;--font-size-2xl: 1.75rem;--font-size-xl: 1.5rem}.section{padding:var(--spacing-lg) 0}.container{padding:0 var(--spacing-sm)}}@media(max-width:480px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.75rem}}.text-center{text-align:center}.text-neon{color:var(--color-primary);text-shadow:0 0 6px var(--color-primary-glow)}.text-gradient{background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-embossed{text-shadow:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.layer-1{position:relative;z-index:10}.layer-2{position:relative;z-index:20}.layer-3{position:relative;z-index:30}.icon-embossed{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-surface));border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:var(--shadow-raised),inset 0 1px #ffffff14;color:var(--color-primary);transition:all var(--transition-normal)}.icon-embossed:hover{box-shadow:var(--shadow-raised-hover),inset 0 1px #ffffff1a,0 0 20px var(--color-primary-glow)}.metal-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#555,#333,#444);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:var(--color-primary);font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:2px 2px 6px #00000080,-1px -1px 3px #ffffff0d,inset 0 1px #ffffff26,inset 0 -1px #0000004d}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all var(--transition-normal);background:repeating-linear-gradient(90deg,transparent 0px,rgba(255,255,255,.003) 1px,transparent 2px),linear-gradient(180deg,#1a1520d9,#12101ae6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0006,inset 0 -1px #0000004d,inset 0 1px #ffffff0a}.header.scrolled{background:repeating-linear-gradient(90deg,transparent 0px,rgba(255,255,255,.003) 1px,transparent 2px),linear-gradient(180deg,#12101afa,#0c0a12fc);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,230,118,.1);box-shadow:0 6px 30px #00000080,0 0 40px #00e6760d,inset 0 -1px #0006,inset 0 1px #ffffff0a;padding:1rem 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;cursor:pointer}.logo-image{height:50px;width:auto;transition:all var(--transition-normal);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.logo:hover .logo-image{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(0,230,118,.3))}@media(max-width:1024px){.logo-image{height:45px}}@media(max-width:768px){.logo-image{height:40px}.header .btn{padding:.75rem 1.5rem;font-size:.9rem}}@media(max-width:480px){.logo-image{height:35px}.header .btn{padding:.65rem 1.25rem;font-size:.85rem}.header{padding:1rem 0}.header.scrolled{padding:.75rem 0}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:100px;overflow:hidden;background:linear-gradient(180deg,var(--color-bg-deep) 0%,var(--color-bg-base) 100%)}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(0,230,118,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,213,79,.04) 0%,transparent 50%);animation:ambientDrift 15s ease-in-out infinite;pointer-events:none;z-index:0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;position:relative;z-index:2}.hero-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-headline{font-size:var(--font-size-4xl);line-height:1.1;margin-bottom:var(--spacing-md);animation-delay:.1s;background:linear-gradient(180deg,#fff,#c8e6c9 40%,#a5d6a7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.hero-subheadline{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.7;max-width:600px;animation-delay:.3s}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;animation-delay:.5s}.btn-large{padding:1.25rem 2.5rem;font-size:var(--font-size-md);align-self:flex-start;border-radius:var(--radius-lg)}.hero-impact{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:500;font-style:italic;animation-delay:.7s;text-shadow:0 0 20px var(--color-primary-glow)}.hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation-delay:.4s}.phone-mockup{position:relative;animation:float 6s ease-in-out infinite;perspective:1000px}.phone-bezel{width:280px;height:500px;background:linear-gradient(145deg,#333,#1a1a1a,#2a2a2a);border-radius:36px;padding:12px;position:relative;box-shadow:12px 12px 40px #000000b3,-6px -6px 20px #ffffff08,inset 0 1px #ffffff26,inset 0 -1px #00000080,inset 1px 0 #ffffff14,inset -1px 0 #ffffff14,0 0 80px #00e6761a;transform:rotateY(-5deg) rotateX(2deg);transition:transform .6s ease}.phone-bezel:hover{transform:rotateY(0) rotateX(0)}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:100px;height:24px;background:#111;border-radius:0 0 14px 14px;z-index:10;box-shadow:inset 0 -1px 2px #00000080}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#0a0a12,#111118);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;position:relative}.screen-reflection{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.02) 100%);border-radius:26px;pointer-events:none;z-index:5}.chat-header-mock{display:flex;align-items:center;gap:8px;padding:30px 14px 10px;background:#00e67614;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;font-weight:600;color:var(--color-text-primary)}.chat-avatar-mock{width:28px;height:28px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-bg-deep);box-shadow:2px 2px 4px #0000004d,inset 0 1px #ffffff40}.online-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 6px var(--color-primary-glow);animation:pulse 2s ease-in-out infinite}.chat-messages-mock{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.chat-bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:12px;line-height:1.4;animation:fadeInUp .6s ease-out forwards}.chat-bubble.incoming{align-self:flex-start;background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-raised));color:var(--color-text-secondary);border-bottom-left-radius:4px;box-shadow:3px 3px 8px #0000004d,-1px -1px 3px #ffffff08,inset 0 1px #ffffff0f}.chat-bubble.outgoing{align-self:flex-end;background:linear-gradient(145deg,var(--color-primary),var(--color-primary-dark));color:var(--color-bg-deep);border-bottom-right-radius:4px;font-weight:500;box-shadow:3px 3px 8px #0000004d,inset 0 1px #fff3}.chat-bubble:nth-child(1){animation-delay:.3s;opacity:0}.chat-bubble:nth-child(2){animation-delay:.8s;opacity:0}.chat-bubble:nth-child(3){animation-delay:1.3s;opacity:0}.chat-bubble:nth-child(4){animation-delay:1.8s;opacity:0}.chat-bubble.typing{padding:14px 18px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:#00000080;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.chat-input-mock{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0000004d;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--color-text-muted)}.chat-input-mock svg{color:var(--color-primary)}.floating-bubble{position:absolute;font-size:28px;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.fb-1{top:10%;right:-20px;animation-delay:0s;animation-duration:3.5s}.fb-2{bottom:20%;left:-20px;animation-delay:1s;animation-duration:4.5s}.fb-3{top:40%;right:-40px;animation-delay:2s;animation-duration:5s}.hero-gradient{position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,230,118,.08) 0%,transparent 70%);pointer-events:none;z-index:1}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.hero-text{align-items:center}.btn-large{align-self:center}.hero-subheadline{max-width:100%}}@media(max-width:768px){.hero-section{padding-top:80px;min-height:auto;padding-bottom:var(--spacing-lg)}.phone-bezel{width:220px;height:400px;border-radius:28px;transform:rotateY(0) rotateX(0)}.phone-screen{border-radius:20px}.floating-bubble{font-size:20px}.fb-1{right:0}.fb-2{left:0}.fb-3{right:-10px}}.problem-section{background:linear-gradient(180deg,var(--color-bg-base) 0%,var(--color-bg-deep) 100%);position:relative}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.sticky-note{position:relative;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);background:var(--note-color, #f5e8d5);border-radius:4px;transform:rotate(var(--note-rotate, 0deg));transition:all var(--transition-normal);cursor:default;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.06'/%3E%3C/svg%3E"),linear-gradient(145deg,var(--note-color) 0%,color-mix(in srgb,var(--note-color) 85%,#000) 100%);box-shadow:6px 6px 20px #0006,2px 2px 6px #0003,inset 0 0 40px #ffffff1a}.sticky-note:hover{transform:rotate(0) translateY(-8px) scale(1.03);box-shadow:10px 10px 30px #00000080,4px 4px 10px #0000004d,inset 0 0 40px #ffffff26;z-index:10}.note-pin{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:20px;background:radial-gradient(circle at 40% 35%,#ff6b6b,#c33 60%,#a22);border-radius:50%;box-shadow:0 3px 6px #0006,inset 0 1px #fff6,inset 0 -1px #0000004d;z-index:5}.note-pin:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:3px;height:8px;background:linear-gradient(180deg,#888,#555);border-radius:0 0 1px 1px}.note-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.note-text{font-size:var(--font-size-md);color:#2d2438;font-weight:600;line-height:1.4;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}.note-fold{position:absolute;bottom:0;right:0;width:30px;height:30px;background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--note-color) 75%,#000) 50%);box-shadow:-2px -2px 4px #0000001a}.problem-transition{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}.transition-track{display:flex;align-items:center;gap:6px;flex:1;max-width:180px}.track-bar{flex:1;height:3px;background:linear-gradient(180deg,#555,#333,#444);border-radius:2px;box-shadow:0 1px #ffffff0f,0 -1px #0006}.track-screw{width:12px;height:12px;background:radial-gradient(circle at 40% 35%,#777,#444);border-radius:50%;box-shadow:1px 1px 3px #0006,inset 0 1px #fff3;position:relative}.track-screw:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#0000004d;font-weight:700}.transition-text{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:600;text-align:center;white-space:nowrap}@media(max-width:768px){.problem-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.problem-transition{flex-direction:column;gap:var(--spacing-sm)}.transition-track{max-width:120px}.transition-text{white-space:normal;font-size:var(--font-size-lg)}}@media(max-width:480px){.problem-grid{grid-template-columns:1fr}}.how-it-works-section{background:linear-gradient(180deg,var(--color-bg-deep) 0%,var(--color-bg-base) 100%);position:relative}.section-title{margin-bottom:var(--spacing-xl);font-size:var(--font-size-3xl)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);position:relative}.steps-container:before{content:"";position:absolute;top:60px;left:10%;right:10%;height:4px;background:linear-gradient(90deg,transparent 0%,#444 10%,#555 50%,#444 90%,transparent 100%);border-radius:2px;box-shadow:0 1px #ffffff0d,0 -1px #0000004d,inset 0 1px 2px #0006;z-index:0}.step-card{background:linear-gradient(145deg,var(--color-bg-raised) 0%,var(--color-bg-surface) 100%);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden;z-index:1;border:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:8px 8px 24px #00000080,-4px -4px 12px #ffffff08,inset 0 1px #ffffff14}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.12) 50%,transparent 90%)}.step-card:hover{transform:translateY(-8px);box-shadow:12px 12px 36px #0009,-6px -6px 16px #ffffff0a,0 0 40px #00e6761a,inset 0 1px #ffffff1a;border-color:#00e67633}.step-number{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;background:linear-gradient(145deg,#555,#333,#444);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;margin-bottom:var(--spacing-md);text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:3px 3px 8px #0006,-1px -1px 3px #ffffff0d,inset 0 1px #ffffff26,inset 0 -1px #0000004d;background-image:repeating-linear-gradient(90deg,transparent 0px,rgba(255,255,255,.01) 1px,transparent 2px)}.step-visual{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.step-icon{width:80px;height:80px;background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-surface));border:1px solid rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all var(--transition-normal);box-shadow:6px 6px 16px #00000080,-3px -3px 10px #ffffff08,inset 0 1px #ffffff1a;position:relative}.step-icon:after{content:"";position:absolute;top:8px;left:15%;right:15%;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:50% 50% 40% 40%}.step-card:hover .step-icon{background:linear-gradient(145deg,var(--color-primary-light),var(--color-primary-dark));color:var(--color-bg-deep);box-shadow:6px 6px 16px #00000080,0 0 30px var(--color-primary-glow),inset 0 1px #ffffff4d}.visual-waveform{display:flex;gap:6px;align-items:center;height:40px}.mini-wave{width:4px;height:20px;background:var(--color-primary);border-radius:2px;animation:waveform 1s ease-in-out infinite;box-shadow:0 0 6px var(--color-primary-glow)}.mini-wave:nth-child(1){animation-delay:0s}.mini-wave:nth-child(2){animation-delay:.1s}.mini-wave:nth-child(3){animation-delay:.2s}.mini-wave:nth-child(4){animation-delay:.1s}.mini-wave:nth-child(5){animation-delay:0s}.visual-brain{position:relative;width:100px;height:40px;display:flex;flex-direction:column;justify-content:space-around}.brain-pathway{height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:slideInRight 2s ease-in-out infinite;border-radius:1px;box-shadow:0 0 4px var(--color-primary-glow)}.brain-pathway:nth-child(2){animation-delay:.3s}.brain-pathway:nth-child(3){animation-delay:.6s}.visual-memory{position:relative;width:120px;height:40px;display:flex;align-items:center;justify-content:space-around}.memory-node{width:12px;height:12px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-primary-glow),2px 2px 4px #0000004d;animation:pulse 2s ease-in-out infinite}.memory-node:nth-child(2){animation-delay:.3s}.memory-node:nth-child(3){animation-delay:.6s}.memory-connector{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--color-primary) 0%,transparent 50%,var(--color-primary) 100%);opacity:.3}.step-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.step-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.step-impact{font-size:var(--font-size-md);color:var(--color-primary);font-weight:500;font-style:italic;text-shadow:0 0 10px rgba(0,230,118,.2)}@media(max-width:768px){.steps-container{grid-template-columns:1fr}.steps-container:before{display:none}}.features-section{background:linear-gradient(180deg,var(--color-bg-base) 0%,var(--color-bg-deep) 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.feature-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(145deg,var(--color-bg-raised) 0%,var(--color-bg-surface) 100%);border-radius:var(--radius-xl);transition:all var(--transition-normal);position:relative;overflow:hidden;cursor:default;border:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:8px 8px 20px #00000080,-4px -4px 12px #ffffff08,inset 0 1px #ffffff14}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.1) 50%,transparent 90%)}.feature-card:hover{background:linear-gradient(145deg,var(--color-bg-surface),var(--color-bg-raised));box-shadow:inset 4px 4px 12px #0006,inset -2px -2px 6px #ffffff08,0 0 30px #00e67614;transform:translateY(0);border-color:#00e67626}.feature-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-surface));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all var(--transition-normal);box-shadow:4px 4px 10px #0006,-2px -2px 6px #ffffff08,inset 0 1px #ffffff1a}.feature-card:hover .feature-icon{background:linear-gradient(145deg,var(--color-primary-light),var(--color-primary-dark));color:var(--color-bg-deep);box-shadow:4px 4px 10px #0006,0 0 20px var(--color-primary-glow),inset 0 1px #ffffff40;transform:scale(1.05)}.feature-content{flex:1}.feature-name{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.feature-impact{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.mood-analytics-section{background:linear-gradient(180deg,var(--color-bg-deep) 0%,var(--color-bg-base) 100%)}.analytics-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.analytics-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.analytics-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.7}.analytics-stat{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:500;padding:var(--spacing-md);background:linear-gradient(145deg,var(--color-bg-raised),var(--color-bg-surface));border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:inset 4px 4px 10px #0000004d,inset -2px -2px 6px #ffffff05}.analytics-visual{position:relative;display:flex;justify-content:center}.gauge-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.gauge-bezel{position:relative;width:320px;height:200px;background:linear-gradient(145deg,#3a3040,#1a1520);border-radius:180px 180px 20px 20px;padding:16px;border:3px solid rgba(255,255,255,.08);box-shadow:10px 10px 30px #0009,-5px -5px 15px #ffffff08,inset 0 2px #ffffff1a,inset 0 -2px #00000080;background-image:repeating-linear-gradient(90deg,transparent 0px,rgba(255,255,255,.008) 1px,transparent 2px),linear-gradient(145deg,#3a3040,#1a1520)}.gauge-face{width:100%;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}.gauge-svg{width:100%;height:auto;position:absolute;top:10px;left:0}.gauge-glass{position:absolute;top:16px;left:16px;right:16px;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 60%);border-radius:180px 180px 0 0;pointer-events:none}.gauge-needle{position:absolute;bottom:16px;left:50%;transform-origin:bottom center;animation:needleSwing 2s ease-out forwards;z-index:5}.needle-arm{width:3px;height:80px;background:linear-gradient(180deg,#f44,#c22);margin:0 auto;border-radius:2px 2px 0 0;box-shadow:1px 0 2px #0000004d,-1px 0 2px #0000004d;transform:translate(-1px)}.needle-center{width:16px;height:16px;background:radial-gradient(circle at 40% 35%,#888,#444);border-radius:50%;margin:-4px auto 0;box-shadow:2px 2px 4px #00000080,inset 0 1px #ffffff4d}.gauge-labels{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:space-between;padding:0 20px}.gauge-label{font-size:10px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.gauge-reading{font-size:var(--font-size-md);color:var(--color-text-secondary);text-align:center;margin:0;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(145deg,var(--color-bg-raised),var(--color-bg-surface));border-radius:var(--radius-full);box-shadow:var(--shadow-raised)}@media(max-width:1024px){.analytics-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media(max-width:480px){.gauge-bezel{width:260px;height:170px}}.crisis-section{background:linear-gradient(180deg,var(--color-bg-base) 0%,var(--color-bg-deep) 100%)}.crisis-content{max-width:800px;margin:0 auto;text-align:center;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal);background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(145deg,#352a3f,#2a2035,#1f1828);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.06);box-shadow:10px 10px 30px #0009,-5px -5px 15px #ffffff05,inset 0 1px #ffffff0f}.crisis-content:before{content:"";position:absolute;inset:10px;border:2px dashed rgba(255,213,79,.15);border-radius:calc(var(--radius-xl) - 6px);pointer-events:none}.crisis-content:hover{box-shadow:12px 12px 40px #000000b3,-6px -6px 20px #ffffff08,0 0 40px #ffd54f14}.crisis-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);background:linear-gradient(145deg,var(--color-gold),var(--color-gold-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-bg-deep);box-shadow:4px 4px 12px #0006,-2px -2px 6px #ffffff0d,inset 0 2px #ffffff4d,inset 0 -2px #0003,0 0 30px #ffd54f33}.crisis-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.crisis-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.crisis-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:left}.crisis-feature{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(145deg,var(--color-bg-raised),var(--color-bg-surface));border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.04);box-shadow:4px 4px 10px #0000004d,-2px -2px 6px #ffffff05,inset 0 1px #ffffff0d}.crisis-feature svg{flex-shrink:0;color:var(--color-gold);margin-top:4px;filter:drop-shadow(0 0 4px rgba(255,213,79,.3))}.crisis-feature h4{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;margin-bottom:.25rem}.crisis-feature p{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;margin:0}.crisis-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin:0}@media(max-width:768px){.crisis-content{padding:var(--spacing-lg)}.crisis-features{grid-template-columns:1fr}}.privacy-section{background:linear-gradient(180deg,var(--color-bg-deep) 0%,var(--color-bg-base) 100%)}.privacy-header{text-align:center;margin-bottom:var(--spacing-xl)}.vault-container{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.vault-dial{width:120px;height:120px;border-radius:50%;position:relative;background:linear-gradient(145deg,#444,#222,#333);border:3px solid rgba(255,255,255,.08);box-shadow:8px 8px 24px #0009,-4px -4px 12px #ffffff0a,inset 0 2px #ffffff1a,inset 0 -2px #0006;background-image:repeating-conic-gradient(rgba(255,255,255,.01) 0deg,transparent 1deg,transparent 3deg),linear-gradient(145deg,#444,#222,#333);animation:rotateVault 6s ease-in-out infinite}.vault-ring{position:absolute;inset:0}.vault-notch{position:absolute;top:4px;left:50%;width:3px;height:10px;background:#fff3;transform-origin:50% 56px;border-radius:1px}.vault-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle at 40% 35%,var(--color-primary-light),var(--color-primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-bg-deep);box-shadow:3px 3px 8px #0006,inset 0 2px #ffffff4d,inset 0 -1px #0003;animation:rotateVault 6s ease-in-out infinite reverse}.vault-shine{position:absolute;top:8px;left:20%;right:20%;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:50% 50% 40% 40%;pointer-events:none}.privacy-intro{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:1.7}.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.privacy-card{text-align:center;padding:var(--spacing-lg);position:relative;background:repeating-linear-gradient(90deg,transparent 0px,rgba(255,255,255,.005) 1px,transparent 2px),linear-gradient(145deg,var(--color-bg-raised) 0%,var(--color-bg-surface) 100%);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:8px 8px 24px #00000080,-4px -4px 12px #ffffff08,inset 0 1px #ffffff14;transition:all var(--transition-normal)}.privacy-card:hover{transform:translateY(-6px);box-shadow:12px 12px 36px #0009,-6px -6px 16px #ffffff0a,0 0 30px #00e6761a,inset 0 1px #ffffff1a;border-color:#00e67633}.card-bolt{position:absolute;width:8px;height:8px;background:radial-gradient(circle at 40% 35%,#777,#444);border-radius:50%;box-shadow:1px 1px 2px #0006,inset 0 1px #fff3}.card-bolt:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:1px;background:#0000004d}.card-bolt.top-left{top:12px;left:12px}.card-bolt.top-right{top:12px;right:12px}.card-bolt.bottom-left{bottom:12px;left:12px}.card-bolt.bottom-right{bottom:12px;right:12px}.privacy-icon{width:70px;height:70px;margin:0 auto var(--spacing-md);background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-surface));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all var(--transition-normal);box-shadow:4px 4px 10px #0006,-2px -2px 6px #ffffff08,inset 0 1px #ffffff1a}.privacy-card:hover .privacy-icon{background:linear-gradient(145deg,var(--color-primary-light),var(--color-primary-dark));color:var(--color-bg-deep);box-shadow:4px 4px 10px #0006,0 0 20px var(--color-primary-glow),inset 0 1px #ffffff40;transform:scale(1.1)}.privacy-title{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.privacy-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}@media(max-width:768px){.privacy-grid{grid-template-columns:1fr}.vault-dial{width:100px;height:100px}.vault-center{width:42px;height:42px}.vault-notch{transform-origin:50% 46px}}.final-cta-section{background:linear-gradient(180deg,var(--color-bg-base) 0%,var(--color-bg-deep) 100%);position:relative;overflow:hidden}.cta-content{text-align:center;max-width:800px;margin:0 auto;padding:var(--spacing-xl) 0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.cta-headline{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);background:linear-gradient(180deg,#fff,#c8e6c9 40%,#a5d6a7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cta-subtext{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.cta-button{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);padding:1.5rem 3rem;border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--color-primary-light) 0%,var(--color-primary) 40%,var(--color-primary-dark) 100%);box-shadow:0 8px 0 var(--color-primary-dark),0 10px #00a036,0 12px 30px #00000080,0 0 60px var(--color-primary-glow),inset 0 2px #ffffff4d,inset 0 -2px #0003;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:skew(-20deg);animation:shineSweep 3s ease-in-out infinite}.cta-button:hover{transform:translateY(-3px);box-shadow:0 11px 0 var(--color-primary-dark),0 13px #00a036,0 16px 40px #00000080,0 0 80px var(--color-primary-glow),inset 0 2px #ffffff59}.cta-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--color-primary-dark),0 3px 8px #0006,inset 0 1px #ffffff26}.cta-footer{font-size:var(--font-size-md);color:var(--color-text-muted);font-style:italic;margin:0}.cta-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,230,118,.12) 0%,transparent 70%);pointer-events:none;z-index:1}@media(max-width:768px){.cta-headline{font-size:var(--font-size-2xl)}.cta-button{padding:1.25rem 2rem;font-size:var(--font-size-md)}}.footer{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.03'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-bg-deep) 100%);border-top:1px solid rgba(255,255,255,.06);padding:var(--spacing-lg) 0 var(--spacing-md);box-shadow:0 -6px 20px #0006,inset 0 1px #ffffff0a}.footer-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-brand{display:flex;align-items:center;justify-content:center}.footer-logo{height:45px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:all var(--transition-normal)}.footer-logo:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(0,230,118,.3));transform:scale(1.05)}@media(max-width:768px){.footer-logo{height:40px}}@media(max-width:480px){.footer-logo{height:35px}}.footer-name{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:500px;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.3)}.footer-bottom{padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.04);width:100%}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;text-shadow:0 1px 0 rgba(255,255,255,.04),0 -1px 0 rgba(0,0,0,.4)}.app{min-height:100vh;background:transparent;position:relative;z-index:1}main{position:relative;z-index:1}