:root{--bg-color: #090a0f;--navbar-bg: #0e1017;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #10b981;--accent-rgb: 16, 185, 129;--accent-light: #34d399;--accent-glow: rgba(16, 185, 129, .15);--accent-shadow: #064e3b;--paper-bg: #0f111a;--paper-border: #1e2433;--paper-border-hover: #10b981;--shadow-offset: 8px;--shadow-blur: 16px;--blueprint-shadow: 0px var(--shadow-offset) var(--shadow-blur) rgba(0, 0, 0, .6), 0px 2px 4px rgba(0, 0, 0, .4);--font-mono: "JetBrains Mono", "Courier New", monospace;--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--transition-paper: all .2s cubic-bezier(.16, 1, .3, 1)}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:.015;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background-size:32px 32px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none;transition:var(--transition-paper)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--paper-bg);border:2px solid var(--paper-border)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--navbar-bg);border-bottom:2px solid var(--paper-border);transition:var(--transition-paper)}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:16px 24px}.logo{font-size:1.3rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.5px;color:var(--text-primary);text-shadow:2px 2px 0px rgba(0,0,0,.8);display:flex;align-items:center;gap:8px}.logo-accent{color:var(--accent-light)}.nav-menu{display:flex;gap:32px}.nav-link{font-weight:600;font-family:var(--font-mono);color:var(--text-secondary);font-size:.85rem;padding:6px 12px;border:1px solid transparent;transition:var(--transition-paper);cursor:pointer;text-transform:uppercase}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--paper-bg);border-color:var(--paper-border);box-shadow:2px 2px #00000080;transform:translate(-1px,-1px)}.navbar-actions{display:flex;align-items:center}.lang-toggle-btn{background:var(--paper-bg);border:1px solid var(--paper-border);color:var(--text-primary);padding:8px 16px;border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:3px 3px #00000080;transition:var(--transition-paper);text-transform:uppercase}.lang-toggle-btn:hover{border-color:var(--paper-border-hover);transform:translate(-2px,-2px);box-shadow:5px 5px #00000080}.lang-toggle-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #00000080}.hero-section{position:relative;padding-top:140px;padding-bottom:80px;overflow:hidden}.hero-bg-glow{position:absolute;top:-20%;right:10%;width:500px;height:500px;background:radial-gradient(circle,#10b98114,#0000 70%);z-index:-1;pointer-events:none}.hero-container{display:flex;flex-direction:column;gap:48px;align-items:center;width:100%}.hero-header-row{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;width:100%;max-width:850px;margin:0 auto}.hero-visual-circles{display:flex;justify-content:center;align-items:center;gap:32px;width:100%}.hero-circle-icon{width:76px;height:76px;border-radius:0%;background:var(--paper-bg);border:2px solid var(--paper-border);display:flex;justify-content:center;align-items:center;box-shadow:4px 4px #0009;transition:var(--transition-paper);cursor:pointer;color:var(--accent)}.hero-circle-icon:hover{border-color:var(--paper-border-hover);transform:translate(-3px,-3px);box-shadow:7px 7px #0009;color:var(--accent-light)}.hero-circle-icon:active{transform:translate(1px,1px);box-shadow:2px 2px #0009}.hero-name{font-size:3.5rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:16px;font-family:var(--font-sans)}.hero-desc{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:0%;font-weight:700;font-size:.85rem;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;transition:var(--transition-paper);border:1px solid #000}.btn-primary{background-color:var(--accent);color:#000;transform:translateY(-2px);box-shadow:0 4px 0 var(--accent-shadow)}.btn-primary:hover{background-color:var(--accent-light)}.btn-primary:active{transform:translateY(2px);box-shadow:0 0 0 var(--accent-shadow)}.btn-outline{background:var(--paper-bg);color:var(--text-primary);border:1px solid var(--paper-border);transform:translateY(-2px);box-shadow:0 4px #000000b3}.btn-outline:hover{border-color:var(--paper-border-hover)}.btn-outline:active{transform:translateY(2px);box-shadow:0 0 #000000b3}.hero-scroll-btn{display:inline-flex;flex-direction:column;align-items:center;gap:8px;background:var(--paper-bg);border:1px solid var(--paper-border);padding:12px 24px;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px #00000080;transition:var(--transition-paper);text-align:center;margin-top:10px}.hero-scroll-btn:hover{transform:translate(-2px,-2px);border-color:var(--paper-border-hover);box-shadow:5px 5px #00000080;color:var(--accent-light)}.hero-scroll-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #00000080}.hero-scroll-btn i{font-size:1rem;transition:transform .2s ease}.hero-scroll-btn:hover i{transform:translateY(4px)}.glassmorphic{position:relative;background:var(--paper-bg);border:2px solid var(--paper-border);border-radius:0;box-shadow:var(--blueprint-shadow);transition:var(--transition-paper);margin-top:27px}.glassmorphic:hover{transform:translateY(-4px);border-color:var(--paper-border-hover);--shadow-offset: 12px;--shadow-blur: 24px}.blueprint-tab{position:absolute;top:-27px;left:-2px;background:var(--paper-border);color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;padding:4px 14px;border-top:2px solid var(--paper-border);border-right:2px solid var(--paper-border);border-left:2px solid var(--paper-border);letter-spacing:.1em;pointer-events:none;transition:var(--transition-paper)}.glassmorphic:hover .blueprint-tab,.product-card:hover .blueprint-tab{background:var(--paper-border-hover);color:#000;border-color:var(--paper-border-hover)}.product-section{padding:80px 0;border-top:3px solid var(--paper-border)}.product-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start}.product-features{display:grid;grid-template-columns:1fr;gap:24px}.feature-item{display:flex;gap:16px;padding:8px 0}.feature-icon{font-size:1.1rem;color:var(--accent);background:var(--paper-bg);border:2px solid var(--paper-border);width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px #0009;transition:var(--transition-paper)}.feature-item:hover .feature-icon{transform:translate(-2px,-2px);border-color:var(--paper-border-hover);box-shadow:4px 4px #0009}.feature-content h4{font-size:1.05rem;font-family:var(--font-mono);font-weight:700;margin-bottom:6px;text-transform:uppercase}.feature-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.product-card{padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;background:var(--paper-bg);border:3px solid var(--paper-border);border-radius:0;box-shadow:var(--blueprint-shadow);transition:var(--transition-paper);margin-top:27px}.product-card:hover{transform:translateY(-6px);border-color:var(--paper-border-hover);--shadow-offset: 14px;--shadow-blur: 28px}.card-badge{background:var(--bg-color);border:2px solid var(--paper-border);color:var(--accent-light);padding:6px 14px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:1.5px;margin-bottom:24px;display:flex;align-items:center;gap:8px;box-shadow:2px 2px #00000080;transition:var(--transition-paper)}.product-card:hover .card-badge{transform:translate(-1px,-1px);border-color:var(--paper-border-hover);box-shadow:3px 3px #00000080}.pulsing-dot{width:8px;height:8px;background-color:var(--accent-light);border-radius:50%;display:inline-block;box-shadow:0 0 #34d399b3;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1);box-shadow:0 0 0 6px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}.card-icon-container{width:80px;height:80px;background:var(--paper-bg);border:3px solid var(--paper-border);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:var(--transition-paper);box-shadow:3px 3px #00000080}.product-card:hover .card-icon-container{transform:translate(-2px,-2px);border-color:var(--paper-border-hover);box-shadow:5px 5px #00000080}.card-main-icon{font-size:2.5rem;color:var(--accent-light)}.card-title{font-size:1.6rem;font-family:var(--font-mono);font-weight:700;margin-bottom:6px;text-shadow:2px 2px 0px rgba(0,0,0,.8);text-transform:uppercase}.card-meta{font-size:.8rem;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:30px}.card-cta-link{color:var(--accent-light);font-family:var(--font-mono);font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:8px;transition:var(--transition-paper);background:var(--bg-color);border:2px solid var(--paper-border);padding:8px 16px;box-shadow:2px 2px #00000080;text-transform:uppercase}.product-card:hover .card-cta-link{transform:translate(-2px,-2px);border-color:var(--paper-border-hover);box-shadow:4px 4px #00000080;gap:12px}.about-section{padding:80px 0;border-top:3px solid var(--paper-border)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.about-bio-container{display:flex;flex-direction:column;gap:24px}.about-bio-container.glassmorphic{padding:30px}.about-bio-text{font-size:1.05rem;color:var(--text-secondary);line-height:1.75}.about-contacts{display:flex;gap:20px;margin-top:12px}.contact-link{font-size:1.8rem;color:var(--text-secondary);background:var(--paper-bg);border:2px solid var(--paper-border);width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;box-shadow:3px 3px #00000080;transition:var(--transition-paper)}.contact-link:hover{transform:translate(-3px,-3px);border-color:var(--paper-border-hover);color:var(--accent-light);box-shadow:6px 6px #00000080}.contact-link:active{transform:translate(1px,1px);box-shadow:1px 1px #00000080}.strengths-grid{display:grid;grid-template-columns:1fr;gap:20px}.strength-card{padding:16px 20px;display:flex;flex-direction:row;align-items:center;gap:20px;background:var(--paper-bg);border:2px solid var(--paper-border);border-radius:0;box-shadow:var(--blueprint-shadow);transition:var(--transition-paper)}.strength-card:hover{border-color:var(--paper-border-hover);transform:translateY(-4px);--shadow-offset: 12px;--shadow-blur: 24px}.strength-icon{font-size:2rem;color:var(--accent);width:48px;height:48px;display:flex;justify-content:center;align-items:center;flex-shrink:0;background:var(--bg-color);border:2px solid var(--paper-border);box-shadow:2px 2px #00000080;transition:var(--transition-paper)}.strength-card:hover .strength-icon{border-color:var(--paper-border-hover);transform:translate(-1px,-1px);box-shadow:3px 3px #00000080}.strength-info{display:flex;flex-direction:column;gap:4px;text-align:left}.strength-card h3{font-size:1rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase}.strength-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.section-header{margin-bottom:50px}.section-title{font-size:2.2rem;font-weight:700;letter-spacing:-1px;margin-bottom:12px;font-family:var(--font-sans)}.section-title.text-center{text-align:center}.section-subtitle{font-size:1.15rem;color:var(--text-secondary)}.section-subtitle.text-center{text-align:center}.footer{background:#06070a;padding:40px 0;border-top:3px solid var(--paper-border);font-size:.85rem;color:var(--text-muted)}.footer-container{display:flex;justify-content:center;text-align:center}.tech-icon{display:flex;justify-content:center;align-items:center}.react-spin{animation:spin 12s linear infinite}.icon-spin:hover svg{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-glow{box-shadow:0 0 #10b98166;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.icon-bounce:hover svg{animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.icon-pulse:hover svg{animation:svg-pulse 1.5s infinite}@keyframes svg-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px var(--accent-light))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--accent-light))}to{transform:scale(1);filter:drop-shadow(0 0 2px var(--accent-light))}}.icon-flip{transition:transform var(--transition-paper)}.icon-flip:hover svg{animation:flip .8s ease-in-out}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.icon-wobble:hover svg{animation:wobble .5s ease infinite}@keyframes wobble{0%{transform:translate(0)}25%{transform:translate(-2px) rotate(-1.5deg)}75%{transform:translate(2px) rotate(1.5deg)}to{transform:translate(0)}}@media (max-width: 992px){.hero-container{gap:32px;text-align:center}.hero-name{font-size:2.8rem}.hero-visual-circles{gap:20px}.hero-scroll-btn{margin:10px 0}.product-grid{grid-template-columns:1fr;gap:40px}.product-visual-column{max-width:450px;margin:0 auto;width:100%}.about-grid{grid-template-columns:1fr;gap:40px}.about-contacts{justify-content:center}}@media (max-width: 768px){.navbar-container{flex-direction:column;gap:16px;padding:16px}.nav-menu{gap:20px}.hero-section{padding-top:180px}.hero-name{font-size:2.8rem}.strengths-grid{grid-template-columns:1fr;gap:20px}}@media (min-width: 993px){.about-grid{align-items:stretch}.about-bio-wrapper{height:100%}.about-bio-container.glassmorphic{max-height:100%;height:auto}.about-bio-text{flex:1;overflow-y:auto;padding-right:8px}}