@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-primary: #050510;--bg-secondary: #0a0e1a;--bg-card: #0c1022;--bg-card-hover: #111833;--border-subtle: rgba(255, 255, 255, .08);--border-hover: rgba(34, 197, 94, .4);--accent-green: #22c55e;--accent-green-dim: rgba(34, 197, 94, .15);--accent-blue: #3b82f6;--accent-blue-dim: rgba(59, 130, 246, .15);--accent-red: #ef4444;--accent-red-dim: rgba(239, 68, 68, .08);--accent-purple: #a855f7;--accent-amber: #f59e0b;--accent-pink: #ec4899;--accent-teal: #14b8a6;--accent-gold: #eab308;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow-green: 0 0 40px rgba(34, 197, 94, .12);--shadow-glow-blue: 0 0 40px rgba(59, 130, 246, .12);--container-max: 1200px;--container-padding: 1.5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);background:linear-gradient(145deg,#050510,#0a0e1a,#0d0820 60%,#060614);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.bg-effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform}.bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(34,197,94,.12) 0%,transparent 70%);top:-10%;left:-5%;animation:orb-float-1 25s ease-in-out infinite}.bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);bottom:-10%;right:-5%;animation:orb-float-2 30s ease-in-out infinite}.bg-orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);top:40%;left:50%;animation:orb-float-3 22s ease-in-out infinite}.bg-orb-4{width:350px;height:350px;background:radial-gradient(circle,rgba(14,165,233,.06) 0%,transparent 70%);top:60%;left:10%;animation:orb-float-4 28s ease-in-out infinite}@keyframes orb-float-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,40px) scale(1.15)}50%{transform:translate(30px,-30px) scale(.95)}75%{transform:translate(-40px,20px) scale(1.08)}}@keyframes orb-float-2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-50px,-40px) scale(1.1)}50%{transform:translate(-20px,50px) scale(.9)}75%{transform:translate(40px,-20px) scale(1.05)}}@keyframes orb-float-3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.12)}66%{transform:translate(-60px,30px) scale(.88)}}@keyframes orb-float-4{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,-40px) scale(1.08)}66%{transform:translate(50px,20px) scale(.92)}}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:background .3s}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--text-primary)}.nav-logo .prompt{color:var(--accent-green)}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .25s;letter-spacing:.02em}.nav-links a:hover{color:var(--text-primary)}.nav-links .nav-cta{background:var(--accent-green);color:#000;padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;transition:box-shadow .3s,transform .2s}.nav-links .nav-cta:hover{box-shadow:0 0 20px #22c55e66;transform:translateY(-1px);color:#000}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:var(--space-sm)}.nav-toggle span{width:24px;height:2px;background:var(--text-primary);transition:transform .3s,opacity .3s}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:-20%;width:60%;height:100%;background:radial-gradient(ellipse at center,rgba(34,197,94,.06) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:800px}.hero-label{font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-green);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.hero-label:before{content:"";width:20px;height:2px;background:var(--accent-green)}.hero h1{font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:1.05;margin-bottom:var(--space-lg);letter-spacing:-.03em}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.15rem;color:var(--text-secondary);max-width:600px;line-height:1.7;margin-bottom:var(--space-2xl)}.hero-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.85rem 2rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;letter-spacing:.01em}.btn-primary{background:var(--accent-green);color:#000}.btn-primary:hover{box-shadow:0 0 30px #22c55e59;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff08}.hero-tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-tech-tags .tech-tag{font-family:var(--font-mono);font-size:.7rem;padding:.35rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff05;letter-spacing:.05em;text-transform:uppercase;transition:border-color .3s,color .3s}.hero-tech-tags .tech-tag:hover{border-color:var(--accent-green);color:var(--accent-green)}.section{padding:var(--space-4xl) 0;position:relative;z-index:1}.section-header{margin-bottom:var(--space-3xl)}.section-label{font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-green);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.section-label:before{content:"";width:16px;height:2px;background:var(--accent-green)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.section-title .highlight{color:var(--text-secondary);font-weight:400}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color .4s,box-shadow .4s,transform .3s;text-decoration:none;display:flex;flex-direction:column}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow-green);transform:translateY(-4px)}.card-header{height:180px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg)}.project-card[data-theme=blue] .card-header{background:radial-gradient(circle at 30% 40%,rgba(59,130,246,.25) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(34,197,94,.15) 0%,transparent 40%),linear-gradient(160deg,#0d1117,#111921)}.project-card[data-theme=purple] .card-header{background:radial-gradient(circle at 60% 30%,rgba(168,85,247,.25) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(59,130,246,.15) 0%,transparent 40%),linear-gradient(160deg,#0d1117,#15101e)}.project-card[data-theme=amber] .card-header{background:radial-gradient(circle at 50% 40%,rgba(245,158,11,.2) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(239,68,68,.1) 0%,transparent 40%),linear-gradient(160deg,#0d1117,#1a1508)}.project-card[data-theme=pink] .card-header{background:radial-gradient(circle at 40% 50%,rgba(236,72,153,.2) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(168,85,247,.15) 0%,transparent 40%),linear-gradient(160deg,#0d1117,#1a0d15)}.project-card[data-theme=teal] .card-header{background:radial-gradient(circle at 50% 50%,rgba(20,184,166,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.12) 0%,transparent 40%),linear-gradient(160deg,#0d1117,#0a1614)}.project-card[data-theme=gold] .card-header{background:radial-gradient(circle at 40% 40%,rgba(234,179,8,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(245,158,11,.12) 0%,transparent 40%),linear-gradient(160deg,#0d1117,#18150a)}.card-header:before{content:"";position:absolute;inset:20px 20px 40px;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1.5px,transparent 1.5px);background-size:30px 30px;opacity:.6}.card-header:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;top:30%;left:40%;box-shadow:0 0 0 2px #22c55e80,40px 20px 0 2px #3b82f666,-30px 30px 0 1.5px #22c55e4d,60px -10px 0 1px #a855f74d}.card-tags{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}.card-tags .tag{font-family:var(--font-mono);font-size:.6rem;padding:.25rem .6rem;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:var(--text-secondary);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.card-body{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.card-identity{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.card-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-subtle);flex-shrink:0}.card-icon svg{width:20px;height:20px;stroke:var(--accent-green)}.card-title{font-size:1.2rem;font-weight:700;line-height:1.3}.card-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.card-challenge,.card-solution{padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.card-challenge{background:var(--accent-red-dim);border-left:3px solid var(--accent-red)}.card-solution{background:var(--accent-green-dim);border-left:3px solid var(--accent-green)}.card-challenge .block-label,.card-solution .block-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.card-challenge .block-label{color:var(--accent-red)}.card-solution .block-label{color:var(--accent-green)}.block-label .label-icon{font-size:.8rem}.card-challenge p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.card-solution ul{list-style:none}.card-solution ul li{font-size:.85rem;color:var(--text-secondary);padding-left:1rem;position:relative;line-height:1.5;margin-bottom:4px}.card-solution ul li:before{content:"•";position:absolute;left:0;color:var(--accent-green);font-weight:700}.card-footer{margin-top:auto;padding-top:var(--space-md)}.card-link{font-size:.85rem;font-weight:600;color:var(--accent-green);display:inline-flex;align-items:center;gap:var(--space-sm);transition:gap .3s}.project-card:hover .card-link{gap:var(--space-md)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}.about-text{font-size:1.05rem;color:var(--text-secondary);line-height:1.8}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:border-color .3s}.stat-card:hover{border-color:var(--accent-green)}.stat-number{font-family:var(--font-mono);font-size:2rem;font-weight:800;color:var(--accent-green)}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.08em}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.skill-category{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}.skill-category h4{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-green);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-md)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tags .skill-tag{font-size:.8rem;color:var(--text-secondary);padding:.3rem .7rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all .25s}.skill-tags .skill-tag:hover{border-color:var(--accent-green);color:var(--text-primary);background:var(--accent-green-dim)}.oss-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.oss-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2xl);transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;flex-direction:column}.oss-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-glow-blue);transform:translateY(-3px)}.oss-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.oss-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--accent-blue-dim);border:1px solid rgba(59,130,246,.25);flex-shrink:0}.oss-icon svg{width:22px;height:22px;stroke:var(--accent-blue)}.oss-name{font-size:1.25rem;font-weight:700}.oss-role{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border:1px solid rgba(59,130,246,.3);border-radius:3px;margin-left:auto}.oss-description{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg);flex:1}.oss-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-lg)}.oss-tags .tag{font-family:var(--font-mono);font-size:.6rem;padding:.25rem .6rem;border:1px solid var(--border-subtle);border-radius:3px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.oss-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.85rem;font-weight:600;color:var(--accent-blue);transition:gap .3s}.oss-card:hover .oss-link{gap:var(--space-md)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.blog-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;flex-direction:column;text-decoration:none}.blog-card:hover{border-color:var(--accent-purple);box-shadow:0 0 40px #a855f71a;transform:translateY(-3px)}.blog-date{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.05em;margin-bottom:var(--space-sm)}.blog-title{font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-md);color:var(--text-primary);transition:color .25s}.blog-card:hover .blog-title{color:var(--accent-purple)}.blog-excerpt{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);flex:1}.blog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-md)}.blog-tags .tag{font-family:var(--font-mono);font-size:.6rem;padding:.2rem .5rem;border:1px solid rgba(168,85,247,.25);border-radius:3px;color:var(--accent-purple);letter-spacing:.06em}.blog-read-more{font-size:.85rem;font-weight:600;color:var(--accent-purple);display:inline-flex;align-items:center;gap:var(--space-sm);transition:gap .3s}.blog-card:hover .blog-read-more{gap:var(--space-md)}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.7}.contact-links{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary);transition:all .3s}.contact-link:hover{border-color:var(--accent-green);color:var(--text-primary);background:#22c55e0d}.contact-link svg{width:18px;height:18px}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-2xl) 0;position:relative;z-index:1}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-left{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.footer-left .prompt{color:var(--accent-green)}.footer-right{display:flex;gap:var(--space-lg)}.footer-right a{font-size:.8rem;color:var(--text-muted);transition:color .25s}.footer-right a:hover{color:var(--accent-green)}.blog-article{padding-top:120px;padding-bottom:var(--space-3xl);position:relative;z-index:1}.blog-article-header{margin-bottom:var(--space-3xl);max-width:720px}.blog-article-meta{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.blog-article-date{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.05em}.blog-article-tags{display:flex;gap:6px}.blog-article-tags .tag{font-family:var(--font-mono);font-size:.6rem;padding:.2rem .6rem;border:1px solid rgba(168,85,247,.3);border-radius:3px;color:var(--accent-purple);text-transform:uppercase;letter-spacing:.08em}.blog-article-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-lg)}.blog-article-excerpt{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;font-style:italic;border-left:3px solid var(--accent-purple);padding-left:var(--space-lg)}.blog-article-content{max-width:720px}.blog-article-content p{font-size:1.05rem;color:var(--text-secondary);line-height:1.85;margin-bottom:var(--space-xl)}.blog-article-content p:first-child:first-letter{font-size:3.5rem;font-weight:800;color:var(--text-primary);float:left;line-height:1;margin-right:var(--space-sm);margin-top:4px}.project-hero{padding-top:120px;padding-bottom:var(--space-3xl);position:relative;z-index:1}.project-back{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-2xl);transition:color .25s,gap .25s}.project-back:hover{color:var(--accent-green)}.project-hero-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg)}.project-hero-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-subtle);flex-shrink:0}.project-hero-icon svg{width:28px;height:28px;stroke:var(--accent-green)}.project-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.project-hero .project-subtitle{font-size:1.1rem;color:var(--text-muted);margin-top:var(--space-xs)}.project-hero .project-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;max-width:700px;margin-bottom:var(--space-xl)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-tags .tag{font-family:var(--font-mono);font-size:.7rem;padding:.35rem .85rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff08;text-transform:uppercase;letter-spacing:.08em}.features-section{padding-bottom:var(--space-4xl);position:relative;z-index:1}.features-section .section-label{margin-bottom:var(--space-2xl)}.feature-list{display:flex;flex-direction:column;gap:var(--space-xl)}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2xl);transition:border-color .3s}.feature-card:hover{border-color:#ffffff26}.feature-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.feature-number{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-green);padding:.4rem .75rem;border:1px solid var(--accent-green);border-radius:var(--radius-sm);letter-spacing:.05em}.feature-title{font-size:1.3rem;font-weight:700}.feature-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.feature-challenge,.feature-solution{padding:var(--space-lg);border-radius:var(--radius-md)}.feature-challenge{background:var(--accent-red-dim);border:1px solid rgba(239,68,68,.15)}.feature-solution{background:var(--accent-green-dim);border:1px solid rgba(34,197,94,.15)}.feature-challenge .block-label,.feature-solution .block-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.feature-challenge .block-label{color:var(--accent-red)}.feature-solution .block-label{color:var(--accent-green)}.feature-challenge p{font-size:.95rem;color:var(--text-secondary);line-height:1.7}.feature-solution ul{list-style:none}.feature-solution ul li{font-size:.95rem;color:var(--text-secondary);padding-left:1.2rem;position:relative;line-height:1.6;margin-bottom:var(--space-sm)}.feature-solution ul li:before{content:"•";position:absolute;left:0;color:var(--accent-green);font-weight:700}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:fadeInUp .8s ease forwards;opacity:0}.hero-content>*:nth-child(1){animation-delay:.1s}.hero-content>*:nth-child(2){animation-delay:.2s}.hero-content>*:nth-child(3){animation-delay:.35s}.hero-content>*:nth-child(4){animation-delay:.5s}.hero-content>*:nth-child(5){animation-delay:.65s}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #22c55e33}50%{box-shadow:0 0 30px #22c55e66}}.btn-primary{animation:pulse-glow 3s ease-in-out infinite}.btn-primary:hover{animation:none}@media(max-width:1024px){.projects-grid,.about-grid,.feature-content,.oss-grid,.blog-grid,.more-projects-grid{grid-template-columns:1fr}}@media(max-width:768px){:root{--container-padding: 1.25rem;--space-4xl: 4rem;--space-3xl: 3rem}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#050510f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:var(--space-xl);border-bottom:1px solid var(--border-subtle)}.nav-links.active,.nav-toggle{display:flex}.hero{min-height:auto;padding-top:100px;padding-bottom:var(--space-3xl)}.hero h1{font-size:2.5rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column}.btn{width:100%;justify-content:center}.section-title{font-size:1.75rem}.projects-grid{grid-template-columns:1fr;gap:var(--space-lg)}.card-header{height:120px}.card-title{font-size:1.05rem}.card-challenge p,.card-solution ul li{font-size:.8rem}.about-grid{grid-template-columns:1fr;gap:var(--space-xl)}.about-text{font-size:.95rem}.about-stats{grid-template-columns:1fr 1fr}.skills-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.oss-grid{grid-template-columns:1fr;gap:var(--space-lg)}.oss-card{padding:var(--space-lg)}.oss-card-header{flex-wrap:wrap}.oss-role{margin-left:0}.blog-grid{grid-template-columns:1fr;gap:var(--space-lg)}.blog-card{padding:var(--space-lg)}.contact-links{flex-direction:column;align-items:center}.contact-link{width:100%;justify-content:center}.footer-inner{flex-direction:column;gap:var(--space-md);text-align:center}.project-hero h1{font-size:1.8rem}.project-hero-header{flex-direction:column;gap:var(--space-md)}.feature-card{padding:var(--space-lg)}.feature-content{grid-template-columns:1fr}.feature-number{width:32px;height:32px;font-size:.7rem}.more-projects-grid{grid-template-columns:1fr}.blog-article-title{font-size:1.8rem}.blog-article-content p{font-size:.95rem}.blog-article-content p:first-child:first-letter{font-size:2.8rem}}@media(max-width:480px){:root{--container-padding: 1rem}.hero h1{font-size:2rem}.section-title{font-size:1.5rem}.about-stats,.skills-grid{grid-template-columns:1fr}.stat-number{font-size:1.5rem}.card-header{height:100px}.hero-tech-tags .tech-tag{font-size:.6rem;padding:.25rem .5rem}.project-hero h1,.blog-article-title{font-size:1.5rem}}