:root{--color-primary: #8b5cf6;--color-secondary: #ec4899;--color-accent: #06b6d4;--color-bg: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #171717;--color-text: #ffffff;--color-text-secondary: #a3a3a3;--color-text-muted: #525252;--color-border: #262626;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Courier New", monospace;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--shadow-glow: 0 0 20px rgb(139 92 246 / .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-base)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-wide{max-width:1400px}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 3s ease-in-out infinite}@media (max-width: 768px){:root{--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem}p{font-size:1rem}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:radial-gradient(ellipse at top,rgba(139,92,246,.15),transparent 50%);padding:var(--space-2xl) 0}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--space-lg);z-index:10}.hero-brand{margin-bottom:var(--space-sm)}.brand-name{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);font-weight:600}.hero-headline{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;font-weight:800;letter-spacing:-.02em}.hero-subheadline{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--color-text-secondary);max-width:600px}.hero-cta{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #8b5cf680}.btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);background:#8b5cf61a}.hero-social-proof{padding-top:var(--space-md)}.social-proof-text{font-size:.9rem;color:var(--color-text-muted)}.social-proof-text strong{color:var(--color-primary);font-weight:700}.hero-visual{display:flex;align-items:center;justify-content:center;min-height:500px;position:relative}.steampunk-frame{position:relative;width:90%;max-width:600px;height:400px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-radius:12px;padding:20px;overflow:hidden;margin:0 auto;box-shadow:inset 0 2px 10px #000000e6,inset 0 0 30px #000000b3,0 10px 60px #000c,0 0 40px #8b5cf64d,0 0 60px #ec489933}.steampunk-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:8px;background:linear-gradient(90deg,#1a1a1a,#2a2a2a 15%,#3a3a3a 25%,#f40 45%,#f60 48%,#f80,#f60 52%,#f40 55%,#8b5cf6,#a855f7,#ec4899 85%,#ef4444);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:epic-shimmer 4s ease-in-out infinite,border-pulse 2s ease-in-out infinite;z-index:1;filter:drop-shadow(0 0 10px rgba(139,92,246,.6)) drop-shadow(0 0 20px rgba(236,72,153,.4)) drop-shadow(0 0 30px rgba(255,68,0,.5))}.frame-corner{position:absolute;width:60px;height:60px;box-shadow:inset 0 2px 5px #fff3,0 4px 15px #000c;z-index:10}.frame-corner-tl{top:-10px;left:-10px;border-radius:0 0 50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.05) 2px,rgba(255,255,255,.05) 4px);border:3px solid #2a2a2a}.frame-corner-tr{top:-10px;right:-10px;border-radius:0 0 0 50%;background:radial-gradient(circle at 70% 30%,#a855f7,#8b5cf6);border:3px solid #ec4899;box-shadow:inset 0 2px 5px #ffffff4d,0 4px 15px #8b5cf699,0 0 20px #ec489980;animation:neon-pulse 2s ease-in-out infinite}.frame-corner-bl{bottom:-10px;left:-10px;border-radius:0 50% 0 0;background:radial-gradient(circle at 30% 70%,#3a3a3a,#1a1a1a),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.05) 2px,rgba(255,255,255,.05) 4px);border:3px solid #2a2a2a}.frame-corner-br{bottom:-10px;right:-10px;border-radius:50% 0 0;background:radial-gradient(circle at 70% 70%,#ef4444,#ec4899);border:3px solid #a855f7;box-shadow:inset 0 2px 5px #ffffff4d,0 4px 15px #ef444499,0 0 20px #ec489980;animation:neon-pulse 2s ease-in-out infinite .5s}.gear{position:absolute;border-radius:50%;box-shadow:inset 0 2px 10px #000000e6,0 4px 20px #000000b3;z-index:10;border:4px solid}.gear:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(0deg,transparent 40%,currentColor 40%,currentColor 60%,transparent 60%),linear-gradient(90deg,transparent 40%,currentColor 40%,currentColor 60%,transparent 60%),linear-gradient(45deg,transparent 40%,currentColor 40%,currentColor 60%,transparent 60%),linear-gradient(135deg,transparent 40%,currentColor 40%,currentColor 60%,transparent 60%);animation:spin 8s linear infinite}.gear-1{top:30px;left:30px;width:70px;height:70px;background:radial-gradient(circle,#14b8a6,#0891b2);border-color:#06b6d4;color:#0891b2;box-shadow:inset 0 2px 10px #000000e6,0 4px 20px #000000b3,0 0 30px #8b5cf666,0 0 50px #8b5cf633;animation:tattoo-gear-glow 3s ease-in-out infinite}.gear-2{top:50%;right:40px;transform:translateY(-50%);width:80px;height:80px;background:radial-gradient(circle,#8b5cf6,#6d28d9);border-color:#a855f7;color:#a855f7;box-shadow:inset 0 2px 10px #000000e6,0 4px 20px #8b5cf6b3,0 0 30px #8b5cf680;animation:spin 10s linear infinite reverse,neon-glow 2s ease-in-out infinite}.gear-2:before{animation:spin 10s linear infinite reverse}.gear-3{bottom:30px;left:50%;transform:translate(-50%);width:60px;height:60px;background:radial-gradient(circle,#f60,#f40);border-color:#f80;color:#f80;box-shadow:inset 0 2px 10px #000000e6,0 4px 20px #ff6600b3,0 0 30px #f409;animation:fire-pulse 1.5s ease-in-out infinite}.rivets{position:absolute;z-index:5}.rivets-top,.rivets-bottom{left:50%;transform:translate(-50%);display:flex;gap:40px}.rivets-top{top:8px}.rivets-bottom{bottom:8px}.rivets-left,.rivets-right{top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:40px}.rivets-left{left:8px}.rivets-right{right:8px}.rivet{width:12px;height:12px;border-radius:50%;border:2px solid;box-shadow:inset 0 1px 3px #000000e6,inset -1px -1px 2px #fff3;position:relative}.rivet:after{content:"";position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5}.rivets-left .rivet{background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);border-color:#2a2a2a;color:#1a1a1a}.rivets-right .rivet{background:radial-gradient(circle at 30% 30%,#a855f7,#8b5cf6);border-color:#ec4899;color:#8b5cf6;box-shadow:inset 0 1px 3px #000000e6,0 0 10px #8b5cf699}.rivets-top .rivet:nth-child(1),.rivets-bottom .rivet:nth-child(1){background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);border-color:#2a2a2a;color:#1a1a1a}.rivets-top .rivet:nth-child(2),.rivets-bottom .rivet:nth-child(2){background:radial-gradient(circle at 30% 30%,#f60,#f40);border-color:#f80;color:#f40;box-shadow:inset 0 1px 3px #000000e6,0 0 8px #ff660080}.rivets-top .rivet:nth-child(3),.rivets-bottom .rivet:nth-child(3){background:radial-gradient(circle at 30% 30%,#8b5cf6,#6d28d9);border-color:#a855f7;color:#8b5cf6;box-shadow:inset 0 1px 3px #000000e6,0 0 8px #8b5cf680}.rivets-top .rivet:nth-child(4),.rivets-bottom .rivet:nth-child(4){background:radial-gradient(circle at 30% 30%,#ec4899,#ef4444);border-color:#a855f7;color:#ec4899;box-shadow:inset 0 1px 3px #000000e6,0 0 10px #ec489999}.corner-bolt{position:absolute;width:20px;height:20px;border-radius:50%;border:3px solid;box-shadow:inset 0 2px 4px #000000e6,inset -2px -2px 3px #fff3;z-index:11}.corner-bolt:before{content:"";position:absolute;width:10px;height:2px;background:currentColor;top:50%;left:50%;transform:translate(-50%,-50%)}.corner-bolt:after{content:"";position:absolute;width:2px;height:10px;background:currentColor;top:50%;left:50%;transform:translate(-50%,-50%)}.corner-bolt-tl,.corner-bolt-bl{background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);border-color:#2a2a2a;color:#1a1a1a}.corner-bolt-tl{top:5px;left:5px}.corner-bolt-bl{bottom:5px;left:5px}.corner-bolt-tr,.corner-bolt-br{background:radial-gradient(circle at 30% 30%,#8b5cf6,#6d28d9);border-color:#a855f7;color:#a855f7;box-shadow:inset 0 2px 4px #000000e6,0 3px 12px #8b5cf6b3,0 0 20px #8b5cf680;animation:neon-pulse 2s ease-in-out infinite}.corner-bolt-tr{top:5px;right:5px}.corner-bolt-br{bottom:5px;right:5px}.pipe{position:absolute;background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);border-radius:3px;box-shadow:inset 0 2px 4px #000c,0 2px 8px #0009;z-index:8;border:1px solid #3a3a3a}.pipe-horizontal{height:8px;width:120px}.pipe-vertical{width:8px;height:120px}.pipe-top{top:50px;left:20%;transform:translate(-50%)}.pipe-bottom{bottom:50px;left:20%;transform:translate(-50%)}.pipe-left{left:50px;top:50%;transform:translateY(-50%)}.steam-vent{position:absolute;width:30px;height:30px;background:radial-gradient(circle,rgba(139,92,246,.3),transparent);border:2px solid;border-radius:8px;z-index:10;overflow:visible}.steam-vent:before{content:"💨";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;opacity:0;animation:steam-burst 8s ease-in-out infinite}.steam-vent:after{content:"⚡";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;opacity:0;color:#60a5fa;filter:drop-shadow(0 0 8px rgba(96,165,250,.9)) drop-shadow(0 0 12px rgba(139,92,246,.7));animation:electric-spark 3s ease-in-out infinite}.steam-vent-1{top:50%;left:20px;transform:translateY(-50%);border-color:#2a2a2a}.steam-vent-1:before{animation-delay:0s}.steam-vent-1:after{animation-delay:.5s}.steam-vent-2{top:20px;left:50%;transform:translate(-50%);border-color:#f80;background:radial-gradient(circle,rgba(255,136,0,.3),transparent)}.steam-vent-2:before{animation-delay:2.7s}.steam-vent-2:after{animation-delay:3.2s;color:#fbbf24}.steam-vent-3{top:50%;right:20px;transform:translateY(-50%);border-color:#a855f7;background:radial-gradient(circle,rgba(168,85,247,.3),transparent)}.steam-vent-3:before{animation-delay:5.4s}.steam-vent-3:after{animation-delay:5.9s}.light-burst{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.4),transparent 70%);animation:light-explosion 4s ease-out infinite;pointer-events:none;z-index:4}.light-burst-1{top:10%;right:15%;animation-delay:0s}.light-burst-2{bottom:20%;right:10%;animation-delay:2s}.light-burst-3{top:30%;right:25%;background:radial-gradient(circle,rgba(236,72,153,.4),transparent 70%);animation-delay:1s}.hero-mascot-container{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border-radius:8px;overflow:hidden;z-index:2;background:#00000080}.hero-mascot-img{position:absolute;left:0;width:100%;height:auto;object-fit:cover;animation:viewport-scroll 12s ease-in-out infinite}@keyframes tattoo-gear-glow{0%,to{box-shadow:inset 0 2px 10px #000000e6,0 4px 20px #000000b3,0 0 30px #8b5cf666,0 0 50px #8b5cf633}50%{box-shadow:inset 0 2px 10px #000000e6,0 4px 20px #000000b3,0 0 40px #8b5cf699,0 0 70px #8b5cf666,0 0 90px #8b5cf633}}@keyframes viewport-scroll{0%{top:0%}50%{top:-30%}to{top:0%}}@keyframes steam-burst{0%,85%{opacity:0;transform:translateY(0) scale(.5)}90%{opacity:.8}to{opacity:0;transform:translateY(-25px) scale(1.3)}}@keyframes electric-spark{0%,85%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}88%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(15deg)}91%{opacity:.7;transform:translate(-50%,-50%) scale(.8) rotate(-10deg)}94%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}}@keyframes epic-shimmer{0%,to{opacity:.9}50%{opacity:1}}@keyframes border-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes fire-pulse{0%,to{box-shadow:inset 0 2px 10px #000000e6,0 4px 20px #ff6600b3,0 0 30px #f409}50%{box-shadow:inset 0 2px 10px #000000e6,0 4px 30px #ff6600e6,0 0 50px #f40c}}@keyframes neon-pulse{0%,to{filter:brightness(1);box-shadow:inset 0 2px 5px #ffffff4d,0 4px 15px #8b5cf699,0 0 20px #ec489980}50%{filter:brightness(1.3);box-shadow:inset 0 2px 5px #fff6,0 4px 25px #8b5cf6cc,0 0 40px #ec4899b3}}@keyframes neon-glow{0%,to{box-shadow:inset 0 2px 10px #000000e6,0 4px 20px #8b5cf6b3,0 0 30px #8b5cf680}50%{box-shadow:inset 0 2px 10px #000000e6,0 4px 30px #8b5cf6e6,0 0 50px #8b5cf6b3}}@keyframes light-explosion{0%{transform:scale(0);opacity:0}10%{opacity:.8}50%{transform:scale(1.5);opacity:.4}to{transform:scale(3);opacity:0}}@media (max-width: 968px){.hero .container{grid-template-columns:1fr;gap:var(--space-2xl)}.hero-visual{order:-1;min-height:400px}.steampunk-frame{max-width:90%;height:350px}.gear{width:60px;height:60px}.frame-corner{width:50px;height:50px}.hero-cta{flex-direction:column}.btn{width:100%}}@media (max-width: 640px){.hero{min-height:auto;padding:var(--space-xl) 0}.steampunk-frame{max-width:95%;height:300px}.hero-mascot-img{width:100%;height:auto}.gear{width:45px;height:45px}.gear-1{top:20px;left:20px}.gear-2{right:20px}.gear-3{bottom:20px;width:45px;height:45px}.frame-corner{width:40px;height:40px}.steam-vent{width:24px;height:24px}.rivet{width:10px;height:10px}.light-burst{width:70px;height:70px}.pipe{display:none}.hero-headline{font-size:2rem}}@media (prefers-reduced-motion: reduce){.gear:before,.steam-vent:before,.steam-vent:after,.hero-mascot-img,.steampunk-frame:before,.light-burst{animation:none}}.features{background:var(--color-bg-secondary);position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.features-header{text-align:center;margin-bottom:var(--space-2xl)}.features-title{margin-bottom:var(--space-md)}.features-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.feature-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-lg);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:var(--space-md)}.feature-title{font-size:1.25rem;margin-bottom:var(--space-sm);color:var(--color-text)}.feature-description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary)}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:var(--space-md)}.feature-card{padding:var(--space-md)}}.cta-section{padding:var(--space-2xl) 0;background:radial-gradient(ellipse at center,rgba(20,184,166,.05),transparent 70%);position:relative;overflow:hidden}.cta-section .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.cta-content{display:flex;flex-direction:column;gap:var(--space-lg);z-index:10}.cta-headline{font-size:clamp(2rem,4vw,3rem);line-height:1.2;font-weight:800;letter-spacing:-.02em}.cta-subheadline{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--color-text-secondary);max-width:600px}.cta-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.cta-visual{display:flex;align-items:center;justify-content:center;min-height:400px;position:relative}.laboratory-frame{position:relative;width:90%;max-width:500px;height:350px;background:linear-gradient(145deg,#0a0a0a,#1a1a1a);border-radius:12px;padding:20px;overflow:visible;margin:0 auto;box-shadow:inset 0 2px 10px #000000e6,inset 0 0 30px #000000b3,0 10px 60px #000c,0 0 40px #14b8a64d,0 0 60px #06b6d433}.laboratory-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:8px;background:linear-gradient(135deg,#14b8a6,#06b6d4 15%,#8b5cf6,#0891b2,#14b8a6,#a855f7,#06b6d4,#ef4444,#0891b2 85%,#14b8a6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:teal-shimmer 5s ease-in-out infinite;z-index:1;filter:drop-shadow(0 0 15px rgba(20,184,166,.6)) drop-shadow(0 0 25px rgba(6,182,212,.4))}.laboratory-frame:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:8px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.3) 4px,rgba(0,0,0,.3) 6px),repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(0,0,0,.2) 4px,rgba(0,0,0,.2) 6px);pointer-events:none;z-index:3;opacity:.4}.steam-whistle{position:absolute;top:-40px;background:linear-gradient(180deg,#14b8a6,#0891b2,#0e7490);border:3px solid #0a0a0a;border-radius:4px;z-index:15;box-shadow:inset 0 2px 8px #000000e6,0 4px 15px #000000b3,0 0 20px #14b8a680}.steam-whistle:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:120%;height:8px;background:linear-gradient(90deg,#0891b2,#14b8a6,#0891b2);border:2px solid #0a0a0a;border-radius:4px}.steam-whistle:after{content:"💨";position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:1.5rem;opacity:0;animation:whistle-steam 4s ease-out infinite}.steam-whistle-1{left:35%;width:12px;height:45px}.steam-whistle-1:after{animation-delay:0s}.steam-whistle-2{left:50%;transform:translate(-50%);width:15px;height:60px}.steam-whistle-2:after{animation-delay:1.3s}.steam-whistle-3{right:35%;width:10px;height:35px}.steam-whistle-3:after{animation-delay:2.7s}.lab-corner{position:absolute;width:55px;height:55px;background:radial-gradient(circle,#14b8a6,#0891b2);border:4px solid #0a0a0a;box-shadow:inset 0 2px 8px #000000e6,inset 0 0 15px #14b8a666,0 4px 15px #000c,0 0 25px #14b8a699;z-index:10}.lab-corner:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.5) 2px,rgba(0,0,0,.5) 4px);border-radius:inherit}.lab-corner-tl{top:-10px;left:-10px;border-radius:0 0 50%}.lab-corner-tr{top:-10px;right:-10px;border-radius:0 0 0 50%}.lab-corner-bl{bottom:-10px;left:-10px;border-radius:0 50% 0 0}.lab-corner-br{bottom:-10px;right:-10px;border-radius:50% 0 0}.piercing{position:absolute;width:30px;height:30px;border:4px solid #14b8a6;border-radius:50%;background:transparent;box-shadow:inset 0 2px 6px #000000e6,0 2px 10px #14b8a699,0 0 15px #06b6d480;z-index:12;animation:piercing-sway 3s ease-in-out infinite}.piercing:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#14b8a6;border-radius:50%;box-shadow:0 0 8px #14b8a6cc}.piercing:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid #0a0a0a;border-radius:50%}.piercing-1{top:15%;left:-15px;animation-delay:0s}.piercing-2{top:15%;right:-15px;animation-delay:.7s}.piercing-3{bottom:25%;left:-12px;width:25px;height:25px;animation-delay:1.4s}.piercing-4{bottom:25%;right:-12px;width:25px;height:25px;animation-delay:2.1s}.lab-gear{position:absolute;border-radius:50%;background:radial-gradient(circle,#14b8a6,#0891b2);border:3px solid #0a0a0a;box-shadow:inset 0 2px 8px #000000e6,0 4px 15px #000000b3,0 0 20px #14b8a680;z-index:10}.lab-gear:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(0deg,transparent 40%,#0a0a0a 40%,#0a0a0a 60%,transparent 60%),linear-gradient(90deg,transparent 40%,#0a0a0a 40%,#0a0a0a 60%,transparent 60%),linear-gradient(45deg,transparent 40%,#0a0a0a 40%,#0a0a0a 60%,transparent 60%),linear-gradient(135deg,transparent 40%,#0a0a0a 40%,#0a0a0a 60%,transparent 60%);animation:spin 12s linear infinite}.lab-gear-1{top:25px;left:25px;width:45px;height:45px}.lab-gear-2{top:50%;right:30px;transform:translateY(-50%);width:50px;height:50px}.lab-gear-2:before{animation:spin 15s linear infinite reverse}.lab-gear-3{bottom:25px;left:40%;width:40px;height:40px}.lab-chain{position:absolute;width:6px;background:linear-gradient(180deg,transparent 0%,#14b8a6 5%,#06b6d4 50%,#0891b2 95%,transparent 100%);z-index:11;animation:chain-sway 2.5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(20,184,166,.5))}.lab-chain:before{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(180deg,transparent 0px,transparent 5px,rgba(0,0,0,.6) 5px,rgba(0,0,0,.6) 7px,transparent 7px,transparent 12px)}.lab-chain:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:12px;height:12px;background:radial-gradient(circle,#14b8a6,#0891b2);border-radius:50%;border:2px solid #0a0a0a;box-shadow:0 0 12px #14b8a6b3,0 0 20px #06b6d480;animation:chain-weight 2.5s ease-in-out infinite}.lab-chain-1{top:-5px;left:20%;height:55px;animation-delay:0s}.lab-chain-2{top:-5px;right:25%;height:45px;animation-delay:1.2s}.pressure-gauge{position:absolute;bottom:20px;right:25px;width:40px;height:40px;background:radial-gradient(circle,#1a1a1a,#0a0a0a);border:3px solid #14b8a6;border-radius:50%;box-shadow:inset 0 2px 6px #000000e6,0 0 15px #14b8a699;z-index:11}.pressure-gauge:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:2px;background:#ef4444;transform-origin:left center;transform:translateY(-50%) rotate(45deg);animation:gauge-needle 3s ease-in-out infinite;box-shadow:0 0 8px #ef4444cc}.pressure-gauge:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#14b8a6;border-radius:50%;border:1px solid #0a0a0a}.valve-wheel{position:absolute;top:30px;right:30px;width:45px;height:45px;background:radial-gradient(circle,#14b8a6,#0891b2);border:3px solid #0a0a0a;border-radius:50%;box-shadow:inset 0 2px 8px #000000e6,0 4px 12px #000000b3,0 0 20px #14b8a680;z-index:11;animation:valve-turn 8s linear infinite}.valve-wheel:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:3px;background:#0a0a0a}.valve-wheel:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:70%;height:3px;background:#0a0a0a}.lab-bolt{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#14b8a6,#0891b2);border:2px solid #0a0a0a;border-radius:50%;box-shadow:inset 0 1px 3px #000000e6,0 2px 6px #14b8a680;z-index:9}.lab-bolt:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:1px;background:#0a0a0a}.lab-bolt:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:60%;height:1px;background:#0a0a0a}.lab-bolt-1{top:15%;left:15%}.lab-bolt-2{top:25%;right:20%}.lab-bolt-3{bottom:30%;left:20%}.lab-bolt-4{bottom:20%;right:15%}.lab-bolt-5{top:45%;left:10%}.lab-bolt-6{top:60%;right:10%}.lab-steam-vent{position:absolute;width:28px;height:28px;background:radial-gradient(circle,rgba(20,184,166,.3),transparent);border:2px solid #14b8a6;border-radius:8px;z-index:10;box-shadow:inset 0 2px 4px #000000e6,0 0 12px #14b8a680}.lab-steam-vent:before{content:"💨";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;opacity:0;animation:steam-burst 6s ease-in-out infinite}.lab-steam-vent-1{top:50%;left:15px;transform:translateY(-50%)}.lab-steam-vent-1:before{animation-delay:0s}.lab-steam-vent-2{bottom:20px;left:50%;transform:translate(-50%)}.lab-steam-vent-2:before{animation-delay:2s}.lab-steam-vent-3{top:40%;right:15px}.lab-steam-vent-3:before{animation-delay:4s}.lab-piston{position:absolute;background:linear-gradient(90deg,#14b8a6,#06b6d4,#14b8a6);border:2px solid #0a0a0a;border-radius:3px;box-shadow:inset 0 2px 4px #000c,0 2px 8px #14b8a680;z-index:9}.lab-piston-1{bottom:30px;left:30px;width:6px;height:40px;animation:piston-pump-vertical 2s ease-in-out infinite}.lab-piston-2{bottom:30px;right:60px;width:6px;height:35px;animation:piston-pump-vertical 2s ease-in-out infinite 1s}.lab-rivets{position:absolute;z-index:5}.lab-rivets-top{top:8px;left:50%;transform:translate(-50%);display:flex;gap:35px}.lab-rivets-bottom{bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:35px}.lab-rivets-left{left:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:35px}.lab-rivets-right{right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:35px}.lab-rivet{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#14b8a6,#0891b2);border-radius:50%;border:2px solid #0a0a0a;box-shadow:inset 0 1px 3px #000000e6,0 0 8px #14b8a680;position:relative}.lab-rivet:after{content:"";position:absolute;width:3px;height:3px;background:#0a0a0a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-mascot-container{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border-radius:8px;overflow:hidden;z-index:2;background:#00000080}.cta-mascot-img{width:100%;height:100%;object-fit:contain}@keyframes teal-shimmer{0%,to{opacity:.9}50%{opacity:1}}@keyframes whistle-steam{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:.9}to{opacity:0;transform:translate(-50%,-40px) scale(1.5)}}@keyframes piercing-sway{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}@keyframes chain-sway{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}@keyframes chain-weight{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(4px)}}@keyframes steam-burst{0%,85%{opacity:0;transform:translateY(0) scale(.5)}90%{opacity:.8}to{opacity:0;transform:translateY(-20px) scale(1.2)}}@keyframes piston-pump-vertical{0%,to{height:40px}50%{height:25px}}@keyframes gauge-needle{0%,to{transform:translateY(-50%) rotate(45deg)}50%{transform:translateY(-50%) rotate(135deg)}}@keyframes valve-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 968px){.cta-section .container{grid-template-columns:1fr;gap:var(--space-2xl)}.cta-visual{order:-1;min-height:350px}.laboratory-frame{max-width:90%;height:320px}.lab-gear{width:40px;height:40px}.lab-corner{width:50px;height:50px}.steam-whistle{top:-35px}}@media (max-width: 640px){.laboratory-frame{max-width:95%;height:280px}.lab-gear{width:35px;height:35px}.lab-corner{width:45px;height:45px}.steam-whistle{top:-30px}.steam-whistle-1,.steam-whistle-3{display:none}.piercing{width:25px;height:25px}.pressure-gauge{width:35px;height:35px}.valve-wheel{width:40px;height:40px}.lab-chain{display:none}}@media (prefers-reduced-motion: reduce){.lab-gear:before,.lab-steam-vent:before,.steam-whistle:after,.lab-piston-1,.lab-piston-2,.piercing,.lab-chain,.valve-wheel,.pressure-gauge:before,.laboratory-frame:before{animation:none}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-2xl) 0 var(--space-lg)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand{max-width:300px}.footer-logo{font-size:1.75rem;font-weight:800;margin-bottom:var(--space-xs)}.footer-tagline{font-size:.875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.footer-description{font-size:.9rem;line-height:1.6;color:var(--color-text-secondary)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.footer-column ul{list-style:none}.footer-column a{font-size:.9rem;color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.footer-copyright{font-size:.875rem;color:var(--color-text-muted)}.footer-social a{font-size:1.5rem;transition:transform var(--transition-fast)}.footer-social a:hover{transform:scale(1.1)}@media (max-width: 968px){.footer-content{grid-template-columns:1fr;gap:var(--space-xl)}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-brand{max-width:100%}}@media (max-width: 640px){.footer-links{grid-template-columns:1fr;gap:var(--space-md)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}.landing-page{min-height:100vh;background:var(--color-bg-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}section{padding:clamp(3rem,8vw,6rem) 0}.features{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.features-header{text-align:center;margin-bottom:clamp(2rem,6vw,4rem)}.features-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-md);letter-spacing:-.01em}.features-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.feature-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:16px;padding:clamp(1.5rem,4vw,2rem);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #8b5cf633;border-color:#8b5cf666}.feature-icon{font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:var(--space-md);display:block}.feature-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text)}.feature-description{font-size:clamp(.875rem,2vw,1rem);color:var(--color-text-secondary);line-height:1.6}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:clamp(3rem,6vw,4rem) 0 var(--space-xl)}.footer-content{display:flex;flex-direction:column;gap:clamp(2rem,5vw,3rem);margin-bottom:clamp(2rem,5vw,3rem)}.footer-brand{text-align:center}.footer-logo{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:var(--space-xs)}.footer-tagline{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.footer-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;max-width:400px;margin:0 auto}.footer-links{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.footer-column h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);color:var(--color-text)}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:var(--space-sm)}.footer-column a{color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-column a:hover{color:var(--color-primary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.footer-copyright{font-size:.875rem;color:var(--color-text-secondary);text-align:center}.footer-social{display:flex;gap:var(--space-md)}.footer-social a{font-size:1.5rem;text-decoration:none;transition:transform .2s ease,opacity .2s ease;opacity:.7}.footer-social a:hover{transform:scale(1.1);opacity:1}@media (min-width: 640px){.features-grid,.footer-links{grid-template-columns:repeat(2,1fr)}.footer-brand{text-align:left}.footer-description{margin:0}}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start}.footer-links{display:flex;gap:clamp(2rem,5vw,4rem)}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,1fr)}.container{max-width:1400px}}@media (prefers-reduced-motion: reduce){.feature-card:hover,.footer-social a:hover{transform:none}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,rgba(139,92,246,.15),transparent 50%);padding:var(--space-lg)}.signup-card,.success-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-xl);max-width:480px;width:100%}.signup-card h1{text-align:center;margin-bottom:var(--space-sm)}.form-group small{display:block;margin-top:var(--space-xs);font-size:.875rem;color:var(--color-text-muted)}.login-link{text-align:center;margin-top:var(--space-md);font-size:.875rem;color:var(--color-text-secondary)}.login-link a{color:var(--color-primary);font-weight:600}.success-card{text-align:center}.success-icon{font-size:4rem;margin-bottom:var(--space-md)}.success-card h1{margin-bottom:var(--space-sm)}.user-number{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg)}.benefits{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-lg);text-align:left}.benefits h3{font-size:1rem;margin-bottom:var(--space-sm);text-align:center}.benefits ul{list-style:none;padding:0;margin:0}.benefits li{padding:var(--space-xs) 0;color:var(--color-text-secondary);font-size:.95rem}.next-steps{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.9rem}@media (max-width: 640px){.signup-card,.success-card{padding:var(--space-lg)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,rgba(139,92,246,.15),transparent 50%);padding:var(--space-lg)}.login-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-xl);max-width:480px;width:100%}.login-card h1{text-align:center;margin-bottom:var(--space-sm)}.subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:600;color:var(--color-text)}.form-group input{width:100%;padding:.875rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;transition:border-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-primary)}.turnstile-container{margin-bottom:var(--space-md);display:flex;justify-content:center}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--space-sm);border-radius:8px;margin-bottom:var(--space-md);font-size:.875rem}.btn-block{width:100%}.signup-link{text-align:center;margin-top:var(--space-md);font-size:.875rem;color:var(--color-text-secondary)}.signup-link a{color:var(--color-primary);font-weight:600}@media (max-width: 640px){.login-card{padding:var(--space-lg)}}.dashboard-page{min-height:100vh;padding:var(--space-xl) var(--space-lg);background:radial-gradient(ellipse at top,rgba(139,92,246,.15),transparent 50%)}.dashboard-card{max-width:800px;margin:0 auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-xl)}.welcome-section{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.welcome-section h1{font-size:2rem;margin-bottom:var(--space-md)}.user-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(139,92,246,.3);padding:var(--space-sm) var(--space-md);border-radius:24px;font-size:1.25rem;font-weight:600}.badge-icon{font-size:1.5rem}.badge-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-section{margin-bottom:var(--space-xl)}.status-section h2{font-size:1.5rem;margin-bottom:var(--space-md)}.status-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-lg);text-align:center}.status-icon{font-size:3rem;margin-bottom:var(--space-sm)}.status-card h3{font-size:1.5rem;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-card p{color:var(--color-text-secondary);line-height:1.6}.features-preview{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.features-preview h3{font-size:1.25rem;margin-bottom:var(--space-md)}.features-preview ul{list-style:none;padding:0;margin:0}.features-preview li{padding:var(--space-sm) 0;font-size:1.1rem;color:var(--color-text-secondary)}.actions{display:flex;justify-content:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}@media (max-width: 640px){.dashboard-card{padding:var(--space-lg)}.welcome-section h1{font-size:1.5rem}.user-badge{font-size:1rem}.badge-icon{font-size:1.25rem}}.confirm-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,rgba(139,92,246,.15),transparent 50%);padding:var(--space-lg)}.confirm-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-xl);max-width:500px;width:100%;text-align:center}.status-icon{font-size:4rem;margin-bottom:var(--space-md);animation:scaleIn .5s ease-out}.loading-spinner{font-size:4rem;margin-bottom:var(--space-md);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.confirm-card h1{font-size:2rem;margin-bottom:var(--space-sm)}.confirm-card.success h1{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confirm-card.error h1{color:#ef4444}.confirm-card p{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:1.1rem}.redirect-info{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-md)}.redirect-info p{margin-bottom:var(--space-sm);font-size:.95rem;color:var(--color-text-muted)}@media (max-width: 640px){.confirm-card{padding:var(--space-lg)}.confirm-card h1{font-size:1.5rem}.status-icon,.loading-spinner{font-size:3rem}}