*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:4px;z-index:1000;text-decoration:none;font-family:var(--font-mono);font-size:.875rem}.skip-link:focus{top:var(--space-sm)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:root{--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--transition-fast: .15s ease;--transition-normal: .3s ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;line-height:1.2;color:var(--text-heading)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-md)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}.external-link-icon{display:inline-block;margin-left:.2em;vertical-align:middle;position:relative;top:-1px}a:hover{color:var(--accent-secondary)}.bracket:before{content:"{ ";color:var(--accent-tertiary);font-family:var(--font-mono)}.bracket:after{content:" }";color:var(--accent-tertiary);font-family:var(--font-mono)}.code-comment{color:var(--text-muted);font-family:var(--font-mono);font-size:.875rem}.code-comment:before{content:"// "}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-xl) 0}.site-header{position:sticky;top:0;z-index:100;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--space-md) 0}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--text-heading)}.logo span{color:var(--accent-primary)}.nav-list{display:flex;list-style:none;gap:var(--space-lg)}.nav-link{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);position:relative}.nav-link:hover{color:var(--accent-primary)}.nav-link:before{content:"./";opacity:0;transition:opacity var(--transition-fast)}.nav-link:hover:before{opacity:1}.nav-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;font-family:var(--font-mono)}.theme-picker{display:flex;gap:var(--space-sm);align-items:center}.theme-btn{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{border-color:var(--text-primary)}.theme-btn[data-theme=terminal]{background:linear-gradient(135deg,#0a0a0a 50%,#0f0 50%)}.theme-btn[data-theme=syntax]{background:linear-gradient(135deg,#1e1e1e 33%,#ce9178 33% 66%,#4ec9b0 66%)}.theme-btn[data-theme=cyberpunk]{background:linear-gradient(135deg,#0d0d0d 50%,#ff2a6d 50%)}.hero{min-height:60vh;display:flex;align-items:center;padding:var(--space-xl) 0}.hero-content{max-width:800px}.hero h1{margin-bottom:var(--space-md)}.hero h1 .accent{color:var(--accent-primary)}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:.875rem;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-secondary);color:#fff}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media(max-width:600px){.card-grid{grid-template-columns:1fr}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-lg);transition:border-color var(--transition-fast),transform var(--transition-fast)}.card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.card-icon{width:48px;height:48px;background-color:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);font-size:1.5rem}.card h3{margin-bottom:var(--space-sm)}.card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-md)}.card-status{font-family:var(--font-mono);font-size:.75rem;padding:var(--space-xs) var(--space-sm);border-radius:4px;display:inline-block}.card-status.live{background-color:var(--status-live-bg);color:var(--status-live-text)}.card-status.coming-soon{background-color:var(--status-soon-bg);color:var(--status-soon-text)}.card-status.beta{background-color:var(--status-beta-bg);color:var(--status-beta-text)}.card-status.alpha{background-color:var(--status-alpha-bg);color:var(--status-alpha-text)}.skills-section{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}@media(max-width:900px){.skills-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.skills-section{grid-template-columns:1fr}}.skill-group h4{font-size:.85rem;color:var(--accent-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.skill-group h4:before{content:"// ";color:var(--text-muted)}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{font-family:var(--font-mono);font-size:.8rem;padding:var(--space-xs) var(--space-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary)}.product-hero{padding:var(--space-xl) 0;border-bottom:1px solid var(--border-color)}.product-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg)}.product-icon{width:80px;height:80px;background-color:var(--bg-tertiary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0}.product-meta{flex:1}.product-meta h1{margin-bottom:var(--space-sm)}.product-tagline{font-size:1.25rem;color:var(--text-secondary)}.product-links{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.product-section{padding:var(--space-lg) 0}.product-section h2{margin-bottom:var(--space-md);font-size:1.25rem}.product-section h2:before{content:"## ";color:var(--accent-tertiary)}.feature-list{list-style:none}.feature-list li{padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative;color:var(--text-secondary)}.feature-list li:before{content:">";position:absolute;left:0;color:var(--accent-primary);font-family:var(--font-mono)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.timeline{border-left:2px solid var(--border-color);padding-left:var(--space-lg);margin-left:var(--space-md)}.timeline-item{position:relative;padding-bottom:var(--space-xl)}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--space-lg) - 6px);top:0;width:12px;height:12px;background-color:var(--accent-primary);border-radius:50%}.timeline-date{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-secondary);margin-bottom:var(--space-xs)}.timeline-title{font-size:1.1rem;margin-bottom:var(--space-xs)}.timeline-company{color:var(--text-secondary);margin-bottom:var(--space-md)}.timeline-content ul{list-style:none;margin-top:var(--space-sm)}.timeline-content li{padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative;color:var(--text-secondary);font-size:.9rem}.timeline-content li:before{content:"-";position:absolute;left:0;color:var(--accent-tertiary);font-family:var(--font-mono)}.contact-form{max-width:600px}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.form-group label:before{content:"$ ";color:var(--accent-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--space-md);font-family:var(--font-mono);font-size:.9rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary)}.form-group textarea{min-height:150px;resize:vertical}.recaptcha-placeholder{padding:var(--space-md);background-color:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:4px;text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.site-footer{border-top:1px solid var(--border-color);padding:var(--space-lg) 0;margin-top:var(--space-xl)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-copy{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.footer-links{display:flex;gap:var(--space-lg)}.footer-link{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.nav-toggle{display:block}.nav-list{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:var(--bg-secondary);padding:var(--space-md);border-bottom:1px solid var(--border-color);gap:var(--space-md)}.nav-list.active{display:flex}.hero{min-height:auto;padding:var(--space-lg) 0}.product-header{flex-direction:column}.footer-inner{flex-direction:column;text-align:center}}body[data-theme=syntax]{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--text-primary: #d4d4d4;--text-secondary: #9cdcfe;--text-muted: #6a9955;--text-heading: #dcdcaa;--accent-primary: #ce9178;--accent-secondary: #4ec9b0;--accent-tertiary: #c586c0;--border-color: #3c3c3c;--status-live-bg: rgba(78, 201, 176, .15);--status-live-text: #4ec9b0;--status-soon-bg: rgba(206, 145, 120, .15);--status-soon-text: #ce9178;--status-beta-bg: rgba(86, 156, 214, .15);--status-beta-text: #569cd6;--status-alpha-bg: rgba(197, 134, 192, .15);--status-alpha-text: #c586c0}body[data-theme=syntax] .hero h1 .accent{color:var(--accent-secondary)}body[data-theme=syntax] .code-comment{color:#6a9955}body[data-theme=syntax] .code-comment:before{content:"// "}body[data-theme=syntax] .card{border-left:3px solid var(--accent-primary)}body[data-theme=syntax] .card:nth-child(2){border-left-color:var(--accent-secondary)}body[data-theme=syntax] .card:nth-child(3){border-left-color:var(--accent-tertiary)}body[data-theme=syntax] .card:nth-child(4){border-left-color:#569cd6}body[data-theme=syntax] .nav-link:before{content:""}body[data-theme=syntax] .nav-link:hover{color:#569cd6}body[data-theme=syntax] .skill-tag{border-left:2px solid var(--accent-secondary)}body[data-theme=syntax] .skill-tag:nth-child(odd){border-left-color:var(--accent-primary)}body[data-theme=syntax] h2:before,body[data-theme=syntax] h3:before{color:var(--accent-tertiary)}body[data-theme=syntax] .timeline-item:before{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))}body[data-theme=syntax] .btn-primary,body[data-theme=syntax] a.btn.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;color:#fff!important}body[data-theme=syntax] .btn.btn-primary:hover,body[data-theme=syntax] a.btn.btn-primary:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary))!important;border:none!important;color:#fff!important}body[data-theme=syntax] .site-header:before{content:"1";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.7rem;color:#858585}body[data-theme=syntax] h2.bracket:before{content:"{ ";color:gold}body[data-theme=syntax] h2.bracket:after{content:" }";color:gold}body[data-theme=terminal]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #606060;--text-heading: #00ff00;--accent-primary: #00ff00;--accent-secondary: #00cc00;--accent-tertiary: #008800;--border-color: #003300;--status-live-bg: rgba(0, 255, 0, .15);--status-live-text: #00ff00;--status-soon-bg: rgba(255, 255, 0, .15);--status-soon-text: #ffff00;--status-beta-bg: rgba(0, 200, 255, .15);--status-beta-text: #00c8ff;--status-alpha-bg: rgba(255, 165, 0, .15);--status-alpha-text: #ffa500;background-image:linear-gradient(rgba(0,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.03) 1px,transparent 1px);background-size:20px 20px}body[data-theme=terminal] .hero h1:before{content:"> ";color:var(--accent-primary)}body[data-theme=terminal] .card{border:1px solid var(--border-color);box-shadow:inset 0 0 20px #00ff0008}body[data-theme=terminal] .card:hover{box-shadow:0 0 20px #00ff0026,0 0 0 1px var(--accent-primary)}body[data-theme=terminal] .btn-primary{background:var(--accent-primary);color:#000!important;text-shadow:none;border:none;font-weight:600}body[data-theme=terminal] .btn-primary:hover{box-shadow:0 0 20px var(--accent-primary),0 0 40px var(--accent-primary)}body[data-theme=terminal] .logo:before{content:"~/";color:var(--accent-primary)}body[data-theme=terminal] .logo span{color:var(--accent-secondary)}body[data-theme=terminal] .code-comment:before{content:"# "}body[data-theme=terminal] .skill-tag{border:1px solid var(--accent-tertiary);color:var(--text-primary)}body[data-theme=terminal] .skill-tag:hover{border-color:var(--accent-primary);box-shadow:0 0 10px #00ff004d}body[data-theme=terminal] .timeline{border-left-color:var(--accent-tertiary)}body[data-theme=terminal] .timeline-item:before{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}body[data-theme=terminal] input,body[data-theme=terminal] textarea{background:#000;border:1px solid var(--accent-tertiary);color:var(--text-primary)}body[data-theme=terminal] input:focus,body[data-theme=terminal] textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 10px #0f03}body[data-theme=terminal] input:focus,body[data-theme=terminal] textarea:focus{caret-color:var(--accent-primary)}body[data-theme=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);z-index:9999;opacity:.3}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.95}94%{opacity:1}}body[data-theme=terminal]{animation:flicker 4s infinite}body[data-theme=cyberpunk]{--bg-primary: #0d0d0d;--bg-secondary: #121218;--bg-tertiary: #1a1a24;--text-primary: #e8e8e8;--text-secondary: #b8b8c8;--text-muted: #6868a8;--text-heading: #ffffff;--accent-primary: #ff2a6d;--accent-secondary: #05d9e8;--accent-tertiary: #d1f7ff;--border-color: #2a2a3a;--status-live-bg: rgba(5, 217, 232, .15);--status-live-text: #05d9e8;--status-soon-bg: rgba(255, 42, 109, .15);--status-soon-text: #ff2a6d;--status-beta-bg: rgba(138, 43, 226, .15);--status-beta-text: #a855f7;--status-alpha-bg: rgba(255, 165, 0, .15);--status-alpha-text: #f97316;background-image:linear-gradient(rgba(255,42,109,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(5,217,232,.03) 1px,transparent 1px);background-size:40px 40px}body[data-theme=cyberpunk] .hero h1 .accent{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body[data-theme=cyberpunk] .card{border:1px solid var(--border-color);position:relative;overflow:hidden}body[data-theme=cyberpunk] .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-fast)}body[data-theme=cyberpunk] .card:hover:before{opacity:1}body[data-theme=cyberpunk] .card:hover{box-shadow:0 0 30px #ff2a6d33,0 0 60px #05d9e81a}body[data-theme=cyberpunk] .btn-primary{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border:none;position:relative}body[data-theme=cyberpunk] .btn-primary:hover{box-shadow:0 0 20px var(--accent-primary),0 0 40px var(--accent-secondary)}body[data-theme=cyberpunk] .logo{text-shadow:0 0 10px var(--accent-secondary)}body[data-theme=cyberpunk] .logo span{color:var(--accent-primary);text-shadow:0 0 10px var(--accent-primary)}body[data-theme=cyberpunk] a:hover{text-shadow:0 0 8px var(--accent-secondary)}body[data-theme=cyberpunk] .skill-tag{border:1px solid var(--accent-secondary);background:#05d9e80d}body[data-theme=cyberpunk] .skill-tag:hover{background:#05d9e826;box-shadow:0 0 10px #05d9e84d}body[data-theme=cyberpunk] .timeline-item:before{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}body[data-theme=cyberpunk] .timeline{border-left-color:var(--accent-secondary)}body[data-theme=cyberpunk] h2:before,body[data-theme=cyberpunk] h3:before{color:var(--accent-secondary)}body[data-theme=cyberpunk] .site-footer{border-top:1px solid transparent;border-image:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary)) 1}body[data-theme=cyberpunk] .logo:hover{animation:glitch .3s ease}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}