*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #0a0f1f;--bg-soft: #0f162c;--bg-card: #131b34;--text: #ecf0ff;--muted: #a8b3cf;--accent: #2dd4bf;--accent-strong: #38bdf8;--accent-warm: #f5c16c;--outline: rgba(255, 255, 255, .08);--glow: rgba(45, 212, 191, .25);--shadow: 0 24px 60px rgba(5, 10, 30, .5)}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Manrope,sans-serif;background:radial-gradient(circle at 20% 15%,rgba(56,189,248,.18),transparent 45%),radial-gradient(circle at 80% 5%,rgba(45,212,191,.22),transparent 35%),radial-gradient(circle at 10% 90%,rgba(245,193,108,.16),transparent 40%),var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.page{position:relative}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:90px 90px;opacity:.2;pointer-events:none;z-index:-4}.mesh-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 20%,rgba(56,189,248,.18),transparent 45%),radial-gradient(circle at 80% 20%,rgba(45,212,191,.22),transparent 40%),radial-gradient(circle at 50% 80%,rgba(245,193,108,.18),transparent 45%);opacity:.45;pointer-events:none;z-index:-3;mix-blend-mode:screen}.bg-orb{position:fixed;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.25),transparent 65%);top:45%;right:-120px;filter:blur(12px);z-index:-2;animation:float 16s ease-in-out infinite}.bg-orb.orb-secondary{width:380px;height:380px;left:-120px;top:12%;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 60%);animation-delay:-4s}.noise-layer{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}.container{width:min(1200px,92%);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);background:#080c19b3}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:.04em}.logo span{color:var(--accent)}.nav-links{display:flex;gap:24px;font-size:.95rem}.nav-links a,.nav-cta{text-decoration:none;color:var(--text);transition:color .2s ease}.nav-links a:hover,.nav-cta:hover{color:var(--accent)}.nav-cta{padding:10px 18px;border-radius:999px;border:1px solid rgba(45,212,191,.4);background:#2dd4bf1f}section{padding:90px 0}.hero{padding-top:120px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.hero-content h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,4vw,3.8rem);margin-bottom:10px}.hero-content h2{font-weight:500;font-size:clamp(1.2rem,2vw,1.6rem);color:var(--muted)}.tagline{margin:20px 0 28px;color:var(--text)}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:var(--accent);margin-bottom:12px}.cta-group{display:flex;flex-wrap:wrap;gap:16px}.btn{padding:12px 20px;border-radius:12px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#0b0f1e;box-shadow:0 12px 30px #2dd4bf59}.btn.ghost{background:#ffffff0a;color:var(--text);border:1px solid rgba(255,255,255,.08)}.btn.outline{border:1px solid rgba(45,212,191,.5);color:var(--text)}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f142d66}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:28px}.highlight-card{padding:16px;border-radius:16px;background:#131b34cc;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.highlight-card p{font-weight:600}.highlight-card span{color:var(--muted);font-size:.85rem}.hero-visual{display:grid;gap:24px}.profile-card{display:flex;align-items:center;gap:20px;padding:20px;border-radius:20px;background:#131b34d9;border:1px solid rgba(45,212,191,.2);box-shadow:var(--shadow)}.profile-photo{width:90px;height:90px;border-radius:18px;overflow:hidden;border:2px solid rgba(45,212,191,.5);box-shadow:0 10px 30px #2dd4bf33}.profile-meta span{color:var(--muted);font-size:.85rem;display:block}.profile-meta strong{display:block;margin-top:6px;font-family:Space Grotesk,sans-serif;font-size:1rem}.terminal-card{background:#0c1120d9;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);overflow:hidden}.terminal-header{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--muted)}.terminal-header .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-body{padding:16px 18px 20px;height:190px;overflow:hidden}.terminal-body p{font-family:JetBrains Mono,monospace;font-size:.83rem;color:#c7d3f5;display:flex;gap:10px;align-items:center}.terminal-body p span{color:var(--accent)}.log-stream{display:grid;gap:10px;animation:scrollLogs 14s linear infinite}.architecture-card{padding:20px;border-radius:20px;background:#131b34e6;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.diagram-card{padding:20px;border-radius:20px;background:#0e1426eb;border:1px solid rgba(56,189,248,.2);box-shadow:var(--shadow)}.diagram-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.9rem}.diagram-header span{color:var(--muted);font-size:.8rem}.arch-diagram{width:100%;height:auto}.arch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.arch-header p{font-weight:600}.arch-header span{font-size:.85rem;color:var(--muted)}.arch-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.node{padding:10px 8px;text-align:center;border-radius:12px;border:1px dashed rgba(45,212,191,.45);background:#0a0f1ecc;font-size:.8rem;color:var(--muted)}.yaml-block{padding:14px 16px;border-radius:14px;background:#070b16e6;border:1px solid rgba(255,255,255,.08);font-family:JetBrains Mono,monospace;color:#a8b4d6;font-size:.78rem;line-height:1.5}.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.value-text h3,.section-heading h3,.contact-info h3,.experience-content h3{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,2.6vw,2.5rem);margin-bottom:16px}.value-text p{color:var(--muted);margin-bottom:16px}.value-cards{display:grid;gap:18px}.value-card{padding:22px;border-radius:18px;background:#131b34cc;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);transition:transform .2s ease,border .2s ease}.value-card:hover{transform:translateY(-4px);border-color:#2dd4bf80}.value-card h4{font-family:Space Grotesk,sans-serif;margin-bottom:10px}.value-card p{color:var(--muted)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}.skill-card{padding:24px;border-radius:18px;background:#131b34b3;border:1px solid rgba(45,212,191,.18);box-shadow:var(--shadow);min-height:220px;transition:transform .2s ease,border .2s ease}.skill-card:hover{transform:translateY(-4px);border-color:#38bdf866}.skill-card h4{font-family:Space Grotesk,sans-serif;margin-bottom:14px}.pill-group{display:flex;flex-wrap:wrap;gap:10px}.pill-group span{padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.78rem;color:var(--muted)}.project-grid{display:grid;gap:28px;margin-top:32px}.project-card{background:#0f1426d9;border-radius:22px;border:1px solid rgba(255,255,255,.06);padding:28px;box-shadow:var(--shadow);transition:transform .2s ease,border .2s ease}.project-card:hover{transform:translateY(-6px);border-color:#2dd4bf66}.project-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.project-header h4{font-family:Space Grotesk,sans-serif;font-size:1.2rem}.project-header p{color:var(--muted)}.project-card a{color:var(--accent);text-decoration:none;font-size:.9rem}.project-card dl{display:grid;gap:16px}.project-card dt{font-weight:600;color:var(--text)}.project-card dd{color:var(--muted);margin-left:0}.experience-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.experience-content .role{margin-bottom:16px;color:var(--muted)}.experience-content ul{display:grid;gap:14px;margin-top:18px;color:var(--muted);list-style:none;padding-left:0}.experience-panel,.education-card,.contact-form{background:#131b34d9;border-radius:18px;border:1px solid rgba(255,255,255,.06);padding:28px;box-shadow:var(--shadow)}.badge-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.badge-row span{padding:6px 12px;border-radius:999px;border:1px solid rgba(45,212,191,.25);color:var(--muted)}.education-card{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.contact-info p{color:var(--muted);margin-bottom:24px}.contact-list{display:grid;gap:18px}.contact-list span{display:block;color:var(--muted);font-size:.85rem}.contact-list a,.contact-list p{color:var(--text);text-decoration:none}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-size:.9rem;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#080c19cc;color:var(--text);font-family:Manrope,sans-serif}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid rgba(45,212,191,.5)}.site-footer{padding:40px 0 60px;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted)}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent)}@keyframes scrollLogs{0%{transform:translateY(0)}to{transform:translateY(-45%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}@media (max-width: 1024px){.hero-grid,.value-grid,.experience-grid,.contact-grid{grid-template-columns:1fr}.nav-links{display:none}.hero{padding-top:100px}.footer-grid{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.cta-group{flex-direction:column;align-items:stretch}.project-header,.education-card,.profile-card{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}