@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--bg: #07080E;--surface: #0D0F18;--surface-raised: #121520;--border: #1A1E2E;--border-light: #232840;--accent: #1A6FFA;--accent-light: #5B9BFF;--accent-dim: rgba(26, 111, 250, .08);--accent-glow: rgba(26, 111, 250, .12);--text-primary: #EDF2F7;--text-secondary: #7A8BA0;--text-muted: #3D4D60;--white: #FFFFFF;--success: #22C55E;--danger: #EF4444;--font-sans: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--nav-height: 64px;--max-width: 1100px;--radius-sm: 3px;--radius: 6px;--radius-lg: 10px;--transition: all .18s ease;--transition-slow: all .28s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-weight:400;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5{font-family:var(--font-sans);font-weight:700;color:var(--white);line-height:1.15;letter-spacing:-.025em}p{color:var(--text-secondary);line-height:1.8}a{color:var(--accent-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--white)}code{font-family:var(--font-mono);font-size:.82em;background:var(--surface-raised);border:1px solid var(--border-light);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent-light)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 32px}.section{padding:104px 0}.section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-title{font-size:clamp(20px,2.5vw,26px);font-weight:700;color:var(--white);margin-bottom:52px;letter-spacing:-.025em;display:flex;align-items:center;gap:20px}.section-title:after{content:"";flex:1;height:1px;background:var(--border);max-width:260px}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;transition:var(--transition-slow)}.navbar.scrolled{background:#07080ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--white);letter-spacing:.08em}.nav-menu{display:flex;list-style:none;gap:4px;align-items:center}.nav-menu a{font-family:var(--font-mono);font-size:11px;font-weight:400;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-sm);transition:var(--transition)}.nav-menu a:hover{color:var(--text-primary)}.nav-menu a.tools-link{color:var(--accent-light);border:1px solid var(--border-light)}.nav-menu a.tools-link:hover{border-color:var(--accent);color:var(--white);background:var(--accent-dim)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:var(--bg)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% -5%,rgba(26,111,250,.1) 0%,transparent 65%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.4;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:680px;padding:0 32px}.hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--accent-light);letter-spacing:.3em;text-transform:uppercase;margin-bottom:28px;opacity:.7}.hero-name{font-size:clamp(38px,6vw,60px);font-weight:800;color:var(--white);margin-bottom:20px;letter-spacing:-.04em;line-height:1.05}.hero-title{font-family:var(--font-mono);font-size:clamp(13px,1.8vw,16px);color:var(--accent-light);min-height:28px;margin-bottom:14px;font-weight:400}.cursor{display:inline-block;animation:blink 1s step-end infinite;color:var(--accent);font-weight:300}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-location{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:40px;letter-spacing:.06em}.hero-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;background:var(--surface);transition:var(--transition)}.social-link:hover{border-color:var(--accent-light);color:var(--white);background:var(--accent-dim)}.about-content p{font-size:15px;color:var(--text-secondary);line-height:1.9;max-width:680px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.skill-category h3{font-family:var(--font-mono);font-size:10px;color:var(--accent-light);text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px;font-weight:500}.skill-tags{display:flex;flex-wrap:wrap;gap:7px}.skill-tag{font-family:var(--font-mono);font-size:10px;padding:4px 10px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);cursor:default;letter-spacing:.02em}.skill-tag:hover{border-color:var(--accent);color:var(--accent-light)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:var(--transition-slow);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--accent);opacity:0;transition:var(--transition)}.project-card:hover{border-color:var(--border-light);background:var(--surface-raised)}.project-card:hover:before{opacity:1}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-header h3{font-size:15px;font-weight:600;color:var(--white);letter-spacing:-.02em}.project-link{color:var(--text-muted);transition:var(--transition);flex-shrink:0;margin-top:2px}.project-link:hover{color:var(--accent-light)}.project-description{font-size:13px;color:var(--text-secondary);line-height:1.75}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.project-tech span{font-family:var(--font-mono);font-size:10px;color:var(--accent-light);background:var(--accent-dim);border:1px solid rgba(26,111,250,.2);padding:3px 8px;border-radius:var(--radius-sm);letter-spacing:.03em}.project-achievements{list-style:none;display:flex;flex-direction:column;gap:7px}.project-achievements li{font-size:12px;color:var(--text-muted);padding-left:16px;position:relative;line-height:1.55}.project-achievements li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:9px;top:3px}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.cert-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 14px;text-align:center;transition:var(--transition);cursor:default}.cert-card:hover{border-color:var(--border-light);background:var(--surface-raised)}.cert-badge{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid rgba(26,111,250,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--accent-light);letter-spacing:.04em}.cert-card h4{font-size:12px;font-weight:600;color:var(--white);margin-bottom:5px;letter-spacing:-.01em}.cert-card p{font-size:10px;color:var(--text-muted);line-height:1.45}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:var(--transition-slow);text-decoration:none;display:flex;flex-direction:column;gap:12px}.tool-card:hover{border-color:var(--accent);background:var(--surface-raised)}.tool-icon{font-size:26px}.tool-card h3{font-size:17px;font-weight:600;color:var(--white)}.tool-card p{font-size:13px;color:var(--text-secondary);flex:1;line-height:1.7}.tool-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.tool-tag{font-family:var(--font-mono);font-size:10px;color:var(--accent-light);background:var(--accent-dim);border:1px solid rgba(26,111,250,.2);padding:3px 8px;border-radius:var(--radius-sm)}.tool-arrow{font-size:14px;color:var(--accent-light);transition:var(--transition)}.tool-card:hover .tool-arrow{transform:translate(3px)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:var(--transition-slow);text-decoration:none;display:flex;flex-direction:column;gap:10px}.blog-card:hover{border-color:var(--border-light);background:var(--surface-raised)}.blog-date{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.06em}.blog-card h3{font-size:15px;font-weight:600;color:var(--white);line-height:1.45;letter-spacing:-.02em}.blog-card p{font-size:13px;color:var(--text-secondary);flex:1;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-more{font-family:var(--font-mono);font-size:10px;color:var(--accent-light);margin-top:4px;letter-spacing:.06em}.contact-content{max-width:520px}.contact-text{font-size:15px;color:var(--text-secondary);margin-bottom:32px;line-height:1.9}.contact-links{display:flex;gap:10px;flex-wrap:wrap}.contact-button{display:inline-flex;align-items:center;gap:10px;padding:11px 22px;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;background:var(--surface);transition:var(--transition)}.contact-button:hover{border-color:var(--accent-light);color:var(--white);background:var(--accent-dim)}.footer{border-top:1px solid var(--border);padding:36px 0;text-align:center}.footer p{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.04em}.footer-tech{margin-top:6px;font-size:10px;color:var(--border-light)}.fade-in{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.prose{max-width:100%}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--white);margin:40px 0 16px;letter-spacing:-.025em}.prose h2{font-size:20px;border-bottom:1px solid var(--border);padding-bottom:10px}.prose h3{font-size:17px}.prose p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.9}.prose ul,.prose ol{color:var(--text-secondary);padding-left:24px;margin-bottom:20px}.prose li{margin-bottom:8px;font-size:14px;line-height:1.75}.prose a{color:var(--accent-light)}.prose a:hover{color:var(--white)}.prose strong{color:var(--white);font-weight:600}.prose blockquote{border-left:2px solid var(--accent);padding:12px 20px;color:var(--text-muted);font-style:italic;margin:28px 0;background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose pre{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px;overflow-x:auto;margin-bottom:24px}.prose pre code{background:transparent;border:none;padding:0;font-size:12px;color:var(--text-primary)}.prose img{max-width:100%;border-radius:var(--radius);border:1px solid var(--border);margin:24px 0}.prose table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:13px}.prose th{background:var(--surface-raised);color:var(--white);padding:10px 14px;text-align:left;border:1px solid var(--border);font-weight:600}.prose td{padding:10px 14px;border:1px solid var(--border);color:var(--text-secondary)}.prose tr:nth-child(2n) td{background:var(--surface)}@media(max-width:768px){.nav-menu{gap:2px}.nav-menu a{font-size:10px;padding:4px 8px}.projects-grid{grid-template-columns:1fr}.cert-grid{grid-template-columns:repeat(2,1fr)}.section{padding:72px 0}.hero-links{gap:8px}}@media(max-width:480px){.nav-menu{display:none}.cert-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}.container{padding:0 20px}}
