:root{--bg-primary:#070a13;--bg-secondary:#0b0f19;--color-neon-blue:#0ea5e9;--color-neon-purple:#8b5cf6;--color-neon-pink:#d946ef;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--gradient-neon:linear-gradient(135deg, var(--color-neon-blue) 0%, var(--color-neon-purple) 100%);--gradient-dark:linear-gradient(180deg, #070a13 0%, #0b0f19 100%);--glass-bg:#0f172a73;--glass-border:#ffffff14;--glass-border-hover:#0ea5e94d;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", sans-serif;--font-mono:"Fira Code", monospace;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-neon-blue)}.bg-glows{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.glow-circle{filter:blur(140px);opacity:.15;mix-blend-mode:screen;border-radius:50%;position:absolute}.glow-1{background:var(--color-neon-blue);width:50vw;height:50vw;animation:15s ease-in-out infinite alternate floatGlow;top:-10%;left:-10%}.glow-2{background:var(--color-neon-purple);width:60vw;height:60vw;animation:20s ease-in-out infinite alternate-reverse floatGlow;bottom:-15%;right:-10%}.glow-3{background:var(--color-neon-pink);opacity:.08;width:35vw;height:35vw;animation:18s ease-in-out infinite alternate floatGlow;top:40%;left:45%}@keyframes floatGlow{0%{transform:translate(0)scale(1)}to{transform:translate(8%,12%)scale(1.15)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:16px}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:0 8px 30px #0ea5e926}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.gradient-text{background:var(--gradient-neon);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-neon);color:#fff;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf699,0 0 15px #0ea5e966}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--color-neon-blue);background:#ffffff1a;transform:translateY(-2px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{z-index:10;padding:100px 0;position:relative}.vector-lines{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff01 1px,#0000 1px),linear-gradient(#ffffff01 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.custom-nav{z-index:50;-webkit-backdrop-filter:blur(12px);background-color:#070a13bf;border-bottom:1px solid #ffffff0d;width:100%;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo-link{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-badge{background:linear-gradient(135deg, var(--color-neon-blue), var(--color-neon-purple));color:#fff;width:32px;height:32px;transition:var(--transition-smooth);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 12px #0ea5e940}.logo-link:hover .logo-badge{transform:scale(1.05)rotate(5deg)}.logo-text{font-family:var(--font-heading);background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.nav-links{align-items:center;gap:24px;display:flex}.nav-item{color:var(--text-secondary);transition:var(--transition-smooth);font-size:14px;font-weight:500;text-decoration:none}.nav-item:hover,.nav-item.active{color:var(--color-neon-blue)}.nav-item.active{font-weight:700}.nav-action-btn{color:var(--color-neon-blue);transition:var(--transition-smooth);background:#0ea5e914;border:1px solid #0ea5e940;border-radius:9999px;padding:6px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.nav-action-btn:hover{border-color:var(--color-neon-blue);background:#0ea5e92e}@media (width<=768px){.nav-links{display:none}}.hero-wrapper{justify-content:center;align-items:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;text-align:center;flex-direction:column;align-items:center;max-width:800px;padding:48px 24px;display:flex;position:relative}.pill-badge{color:var(--color-neon-blue);background:#0f172acc;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.pill-dot{background-color:var(--color-neon-blue);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulseLight}@keyframes pulseLight{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.hero-title{color:#fff;letter-spacing:-.03em;margin-bottom:24px;font-size:4rem;font-weight:900;line-height:1.1}@media (width<=768px){.hero-title{font-size:2.5rem}}.hero-roles{justify-content:center;align-items:center;height:40px;margin-bottom:24px;display:flex}.role-text{font-family:var(--font-mono);color:var(--text-secondary);border-right:2px solid var(--color-neon-blue);white-space:nowrap;padding-right:8px;font-size:1.2rem}.hero-desc{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.1rem;line-height:1.7}.hero-cta{justify-content:center;align-items:center;gap:16px;display:flex}@media (width<=480px){.hero-cta{flex-direction:column;width:100%}.hero-cta>a{justify-content:center;width:100%}}.scroll-indicator{opacity:.5;flex-direction:column;align-items:center;gap:4px;animation:2s ease-in-out infinite bounceIndicator;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-text{text-transform:uppercase;font-size:10px;font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-secondary)}@keyframes bounceIndicator{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.grid-2col{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (width>=1024px){.grid-2col{grid-template-columns:5fr 7fr}}.prepress-info{flex-direction:column;gap:24px;display:flex}.project-title-area{align-items:center;gap:16px;display:flex}.project-icon-box{width:48px;height:48px;color:var(--color-neon-blue);background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:12px;justify-content:center;align-items:center;display:flex}.project-tag{color:var(--color-neon-blue);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.prepress-desc{color:var(--text-secondary);font-size:16px;line-height:1.6}.features-list{flex-direction:column;gap:20px;display:flex}.feature-item{align-items:start;gap:12px;display:flex}.feature-check{width:20px;height:20px;color:var(--color-neon-blue);background:#0ea5e91a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.feature-title{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:12px}.stats-container{border-top:1px solid #ffffff0d;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;display:grid}.stat-box{text-align:center;background:#0f172a80;border:1px solid #ffffff0d;border-radius:8px;padding:12px}.stat-number{color:var(--color-neon-blue);font-size:20px;font-weight:800}.stat-box:nth-child(2) .stat-number{color:var(--color-neon-purple)}.stat-box:nth-child(3) .stat-number{color:var(--color-neon-pink)}.stat-label{color:var(--text-secondary);font-size:10px}.mockup-header-title{color:#fff;margin-bottom:4px;font-size:1.25rem;font-weight:800}.mockup-header-desc{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.ai-workspace{--ai-font-family:"Inter", system-ui, sans-serif;flex-direction:column;transition:background-color .4s,color .4s;display:flex}.ai-top-menu{border-bottom:1px solid var(--ai-border);background-color:var(--ai-header-bg);color:var(--ai-text);justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;font-weight:500;display:flex}.ai-menu-left{align-items:center;gap:16px;display:flex}.ai-menu-options{opacity:.75;align-items:center;gap:12px;display:flex}@media (width<=768px){.ai-menu-options{display:none}}.ai-window-dots{align-items:center;gap:6px;display:flex}.ai-window-dot{border-radius:50%;width:10px;height:10px}.ai-window-titlebar{border-bottom:1px solid var(--ai-border);background-color:var(--ai-bg-panel);color:var(--ai-text);justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;display:flex}.ai-main-container{flex-grow:1;display:flex;overflow:hidden}.ai-toolbar{border-right:1px solid var(--ai-border);background-color:var(--ai-bg-panel);width:40px;color:var(--ai-text);flex-direction:column;align-items:center;gap:12px;padding:12px 0;display:flex}.ai-tool-btn{cursor:pointer;transition:var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.ai-tool-btn:hover{background-color:#ffffff0d}.ai-tool-btn.active{color:var(--ai-text-active);background-color:#00000026}.ai-swatch-box{cursor:pointer;width:20px;height:20px;margin-top:4px;position:relative}.ai-swatch-fill{border:1px solid var(--ai-border);background-color:#fff;width:14px;height:14px;position:absolute;top:0;left:0}.ai-swatch-stroke{border:1px solid var(--ai-border);background-color:#ef4444;width:14px;height:14px;position:absolute;bottom:0;right:0}.ai-canvas{background-color:var(--ai-bg-canvas);flex-direction:column;flex-grow:1;padding:16px;display:flex;position:relative}.ai-artboard{border:1px solid var(--ai-border);color:#333;background-color:#fff;border-radius:4px;flex-direction:column;flex-grow:1;padding:24px;display:flex;position:relative;box-shadow:0 4px 6px #00000026}.ai-artboard-footer{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding-top:8px;font-size:8px;display:flex}.ai-canvas-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.ai-canvas-actions{gap:8px;display:flex}.ai-action-btn{border:1px solid var(--ai-border);color:var(--ai-text-active);cursor:pointer;transition:var(--transition-fast);background:#0000004d;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;display:flex}.ai-action-btn:hover{background:#00000080}.ai-console{border:1px solid var(--ai-border);font-family:var(--font-mono);color:var(--ai-text);background:#00000040;border-radius:6px;margin-top:8px;padding:8px;font-size:9px}.ai-console-header{border-bottom:1px solid var(--ai-border);opacity:.7;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:4px;font-weight:600;display:flex}.ai-console-lines{flex-direction:column;gap:2px;max-height:44px;display:flex;overflow-y:hidden}.ai-console-lines .blue{color:#22d3ee}.ai-console-lines .yellow{color:#fbbf24}.ai-console-lines .grey{color:#94a3b8}.ai-cep-sidebar{border-left:1px solid var(--ai-border);background-color:var(--ai-bg-panel);flex-direction:column;width:240px;display:flex}@media (width<=580px){.ai-cep-sidebar{border-left:none;border-top:1px solid var(--ai-border);width:100%;height:auto}.ai-main-container{flex-direction:column}}.ai-cep-header{border-bottom:1px solid var(--ai-border);background-color:var(--ai-header-bg);color:var(--ai-text-active);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.ai-cep-header-actions{align-items:center;gap:8px;display:flex}.ai-cep-body{flex-direction:column;flex-grow:1;justify-content:space-between;padding:12px;display:flex;overflow-y:auto}.ai-cep-section-title{opacity:.6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:10px;font-weight:700}.ai-cep-info-box{border:1px solid var(--ai-border);background-color:#00000026;border-radius:4px;margin-bottom:12px;padding:8px;font-size:9px;line-height:1.4}.ai-license-card{border-top:1px solid var(--ai-border);margin-top:16px;padding-top:12px}.ai-license-box{border:1px solid var(--ai-border);background-color:#0000001a;border-radius:6px;padding:8px}.ai-license-status{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;font-weight:700;display:flex}.ai-license-status .green{color:#34d399}.ai-license-id{font-size:8px;font-family:var(--font-mono);opacity:.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.section-center-header{text-align:center;margin-bottom:64px}.section-center-header h2{color:#fff;margin-bottom:12px;font-size:2.5rem}.section-center-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:15px}.skills-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skills-card{flex-direction:column;gap:20px;padding:32px;display:flex}.skills-card-icon{width:40px;height:40px;color:var(--color-neon-blue);background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:8px;justify-content:center;align-items:center;display:flex}.skills-card:nth-child(2) .skills-card-icon{color:var(--color-neon-purple);background:#8b5cf61a;border-color:#8b5cf633}.skills-card:nth-child(3) .skills-card-icon{color:var(--color-neon-pink);background:#d946ef1a;border-color:#d946ef33}.skills-card-title{color:#fff;font-size:18px}.skills-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.skills-tags-wrap{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.skill-tag{color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.skills-card:hover .skill-tag{color:var(--text-primary);border-color:#ffffff1a}.philosophy-wrapper{max-width:900px;margin:0 auto}.philosophy-card{padding:48px;position:relative;overflow:hidden}@media (width<=768px){.philosophy-card{padding:32px 24px}}.philosophy-badge{color:#c084fce6;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:4px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.philosophy-title{color:#fff;margin-top:16px;margin-bottom:24px;font-size:2rem}@media (width<=768px){.philosophy-title{font-size:1.5rem}}.philosophy-content{color:var(--text-secondary);flex-direction:column;gap:16px;font-size:15px;line-height:1.6;display:flex}.philosophy-quote{border-left:2px solid var(--color-neon-blue);color:var(--text-primary);background:#0ea5e908;padding-top:12px;padding-bottom:12px;padding-left:16px;font-weight:500}.contact-grid{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}@media (width>=1024px){.contact-grid{grid-template-columns:5fr 7fr}}.social-info-card{flex-direction:column;gap:16px;margin-top:24px;padding:16px;display:flex}.social-info-card h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.social-links{flex-direction:column;gap:12px;display:flex}.social-link-item{color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:12px;font-size:14px;text-decoration:none;display:flex}.social-link-item:hover{color:var(--color-neon-blue)}.social-link-icon-box{width:32px;height:32px;transition:var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.social-link-item:hover .social-link-icon-box{color:var(--color-neon-blue);background:#0ea5e91a;border-color:#0ea5e933}.contact-form{flex-direction:column;gap:20px;padding:32px;display:flex}.form-header h3{color:#fff;margin-bottom:4px;font-size:20px}.form-header p{color:var(--text-secondary);font-size:13px}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.form-input,.form-textarea{color:#fff;transition:var(--transition-fast);background:#070a1366;border:1px solid #ffffff14;border-radius:8px;padding:12px 16px;font-size:14px}.form-input:focus,.form-textarea:focus{border-color:var(--color-neon-blue);outline:none;box-shadow:0 0 10px #0ea5e91a}.form-textarea{resize:none}.form-status-alert{border-radius:8px;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.form-status-alert.success{color:#34d399;background:#10b98114;border:1px solid #10b98140}.form-status-alert.error{color:#f87171;background:#ef444414;border:1px solid #ef444440}.custom-footer{color:var(--text-muted);background-color:#070a13cc;border-top:1px solid #ffffff0d;padding:32px 0;font-size:12px}.footer-container{flex-direction:column;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}@media (width>=640px){.footer-container{flex-direction:row}}.footer-tech{font-family:var(--font-mono);align-items:center;gap:6px;font-size:10px;display:flex}.tech-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.lang-toggle-btn{color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:11px;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px}.lang-toggle-btn:hover{border-color:var(--color-neon-blue);color:var(--color-neon-blue);background:#ffffff1f;box-shadow:0 0 10px #0ea5e926}