:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #0f0f0f;--bg-card-hover: #151515;--border-color: #1f1f1f;--border-hover: #2a2a2a;--border-subtle: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-green: #22c55e;--accent-yellow: #eab308;--accent-blue: #3b82f6;--accent-purple: #a855f7;--glow-green: rgba(34, 197, 94, .1);--glow-subtle: rgba(255, 255, 255, .02);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--container-width: 860px;--section-gap: 32px;--transition-fast: .15s ease;--transition-medium: .25s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}p{color:var(--text-secondary);font-size:1rem;line-height:1.7}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.app{min-height:100vh;padding:48px 24px 80px;max-width:var(--container-width);margin:0 auto}.section{margin-bottom:var(--section-gap)}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-left:4px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:var(--transition-medium);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);opacity:0;transition:var(--transition-medium)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.card:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:var(--font-primary);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-primary:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.tag{display:inline-flex;padding:5px 12px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);border:1px solid var(--accent-yellow);color:var(--accent-yellow);background:#eab30814;transition:var(--transition-fast)}.tag:hover{background:#eab30826}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;font-weight:500;color:var(--accent-green);background:var(--glow-green);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-full)}.status-badge:before{content:"";width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 8px var(--accent-green)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.live-badge{padding:4px 12px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);border:1px solid var(--border-color);color:var(--text-muted);background:transparent}.live-badge.active{color:var(--accent-green);border-color:#22c55e4d;background:var(--glow-green)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.icon-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}::selection{background:#22c55e4d;color:var(--text-primary)}.app:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}@media(max-width:768px){.app{padding:32px 16px 60px}h1{font-size:1.5rem}h2{font-size:1.125rem}.card{padding:20px}}.visitor-counter{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;font-size:.85rem;color:var(--text-secondary, #a1a1aa);margin-bottom:16px;-webkit-user-select:none;user-select:none}.visitor-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green, #22c55e);box-shadow:0 0 8px var(--accent-green, #22c55e)}.visitor-count{color:var(--text-primary, #fafafa);font-weight:600;font-variant-numeric:tabular-nums}.visitor-label{color:var(--text-secondary, #a1a1aa)}.profile-section{margin-bottom:32px}.status-badge{margin-bottom:20px}.profile-card{display:flex;align-items:center;gap:20px;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px}.profile-avatar{flex-shrink:0;cursor:pointer;transition:transform .2s ease}.profile-avatar:hover{transform:scale(1.05)}.avatar-image{width:88px;height:88px;border-radius:var(--radius-md);object-fit:cover;object-position:center 20%;filter:grayscale(100%);transition:filter .3s ease;border:2px solid var(--border-color)}.avatar-image:hover{filter:grayscale(0%)}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-name{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.profile-handle{font-size:.875rem;color:var(--text-muted);transition:var(--transition-fast)}.profile-handle:hover{color:var(--text-secondary)}.profile-bio{font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin-bottom:24px;text-align:left}.profile-stats{display:flex;justify-content:center;gap:0;margin-bottom:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;text-align:center;border-right:1px solid var(--border-color);transition:var(--transition-fast)}.stat-item:last-child{border-right:none}.stat-item:hover{background:var(--bg-card-hover)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.coding-profiles{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.coding-profile-link{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-fast)}.coding-profile-link:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.profile-name-small{font-size:.875rem;font-weight:500;color:var(--text-primary)}.profile-problems{font-size:.75rem;color:var(--accent-green);padding:3px 10px;background:var(--glow-green);border-radius:var(--radius-full)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-image{max-width:100%;max-height:85vh;border-radius:var(--radius-lg);object-fit:contain}.lightbox-close{position:absolute;top:-40px;right:0;width:36px;height:36px;background:transparent;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.lightbox-close:hover{color:var(--text-secondary)}@media(max-width:640px){.profile-stats{flex-wrap:wrap}.stat-item{flex:1 1 45%;padding:20px 12px;border-bottom:1px solid var(--border-color)}.stat-item:nth-child(2){border-right:none}.stat-item:nth-last-child(-n+2){border-bottom:none}.stat-value{font-size:1.5rem}.coding-profiles{flex-direction:column}}@media(max-width:480px){.profile-card{padding:16px}.avatar-image{width:72px;height:72px}.profile-name{font-size:1.25rem}}.tech-section{margin-bottom:32px}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.tech-tag{padding:8px 16px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:var(--transition-fast)}.tech-tag:hover{color:var(--accent-yellow);border-color:var(--accent-yellow);background:#eab30814}.proof-section{margin-bottom:32px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid #222;transition:all .3s ease}.project-card:hover{border-color:#333;box-shadow:0 0 30px #3b82f626,0 0 60px #3b82f60d}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.project-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.project-links{display:flex;gap:12px;margin-top:12px;padding-top:16px;border-top:1px solid #222}.project-links .btn{flex:1;justify-content:center;background:#0f0f0f;border:1px solid #2a2a2a;color:var(--text-secondary);padding:12px 16px;border-radius:10px;transition:all .2s ease}.project-links .btn:hover{background:#151515;border-color:#3b82f6;color:var(--text-primary);box-shadow:0 0 15px #3b82f633}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}.project-card{padding:20px}.project-header{flex-direction:column;gap:8px}}.experience-section{margin-bottom:32px}.experience-list{display:flex;flex-direction:column;gap:16px}.experience-item{padding:24px}.exp-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.exp-icon-circle{width:48px;height:48px;border-radius:50%;background:var(--bg-card-hover);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.exp-info{flex:1}.exp-duration{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:4px}.exp-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.exp-company{font-size:.875rem;color:var(--text-secondary)}.exp-description{list-style:none;padding-left:0;margin-bottom:12px}.exp-description li{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:6px;padding-left:16px;position:relative}.exp-description li:before{content:"—";position:absolute;left:0;color:var(--text-muted)}.exp-techs{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:480px){.experience-item{padding:20px}.exp-header{flex-direction:column;gap:12px}}.journey-section{margin-bottom:32px;--gold: var(--accent-yellow);--gold-soft: rgba(234, 179, 8, .08)}.journey-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}.journey-meta{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.journey-timeline{position:relative}.journey-spine{position:absolute;left:66px;top:28px;bottom:24px;width:2px;background:linear-gradient(to bottom,transparent,var(--gold) 6%,var(--gold) 94%,transparent);opacity:.4;border-radius:var(--radius-full)}.journey-stop{display:grid;grid-template-columns:56px 22px 1fr;align-items:start;margin-bottom:22px}.journey-stop:last-child{margin-bottom:0}.journey-when{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-top:22px;padding-right:6px}.journey-month{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.1}.journey-year{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.journey-now{margin-top:6px;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);background:var(--gold-soft);border-radius:var(--radius-full);padding:2px 7px}.journey-marker{position:relative;align-self:stretch}.journey-dot{position:absolute;top:26px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid var(--bg-primary);box-shadow:0 0 10px var(--gold);z-index:2}.journey-ping{position:absolute;inset:-3px;border-radius:50%;background:var(--gold);opacity:.5;animation:journey-ping 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes journey-ping{0%{transform:scale(1);opacity:.5}75%,to{transform:scale(2.6);opacity:0}}.journey-card{position:relative;border:1px solid var(--gold);padding:18px 22px;margin-left:8px}.journey-card:hover{box-shadow:0 0 26px -12px var(--gold)}.journey-card:before,.journey-card:after{content:"";position:absolute;top:24px;width:0;height:0;border-style:solid}.journey-card:before{left:-9px;border-width:8px 9px 8px 0;border-color:transparent var(--gold) transparent transparent}.journey-card:after{left:-7px;border-width:7px 8px 7px 0;border-color:transparent var(--bg-card) transparent transparent}.journey-card:hover:after{border-right-color:var(--bg-card-hover)}.journey-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.journey-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);line-height:1.3}.journey-product{font-size:.8rem;font-weight:500;color:var(--gold);margin-top:2px;margin-bottom:12px}.journey-commits{flex-shrink:0;font-size:.68rem;font-weight:600;font-family:var(--font-mono);padding:4px 10px;border:1px solid var(--gold);color:var(--gold);border-radius:var(--radius-full);background:var(--gold-soft);white-space:nowrap}.journey-summary{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.journey-highlights{list-style:none;padding-left:0;margin-bottom:16px}.journey-highlights li{font-size:.83rem;color:var(--text-secondary);line-height:1.55;margin-bottom:7px;padding-left:18px;position:relative}.journey-highlights li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.journey-techs{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:600px){.journey-spine{left:5px;top:10px}.journey-stop{grid-template-columns:1fr;padding-left:24px;position:relative;margin-bottom:20px}.journey-when{flex-direction:row;align-items:baseline;gap:8px;text-align:left;padding-top:0;padding-right:0;margin-bottom:8px}.journey-marker{position:static}.journey-dot{top:4px;left:-24px;transform:none}.journey-card{margin-left:0}.journey-card:before,.journey-card:after{display:none}.journey-card-top{flex-direction:column}}.education-section{margin-bottom:32px}.education-list{display:flex;flex-direction:column;gap:16px}.education-item{padding:24px}.edu-header{display:flex;align-items:flex-start;gap:16px}.edu-icon-circle{width:48px;height:48px;border-radius:50%;background:var(--bg-card-hover);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.edu-info{flex:1}.edu-duration{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:4px}.edu-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.edu-degree{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.edu-grade{display:inline-block;font-size:.75rem;font-weight:500;color:var(--accent-green);padding:4px 12px;background:var(--glow-green);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-full)}@media(max-width:480px){.education-item{padding:20px}.edu-header{flex-direction:column;gap:12px}}.github-section{margin-bottom:32px}.github-card{padding:24px}.github-graph{width:100%;overflow-x:auto;margin-bottom:16px;text-align:center}.contribution-graph{width:100%;max-width:100%;min-width:650px;border-radius:var(--radius-sm)}.github-stats{display:flex;align-items:center;justify-content:center;padding-top:16px;border-top:1px solid var(--border-color)}.github-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:var(--transition-fast)}.github-link:hover{color:var(--text-primary)}@media(max-width:768px){.github-card{padding:20px}.github-graph{padding-bottom:8px}}.contact-section{margin-bottom:24px;padding:32px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.contact-section .section-title{text-align:center;padding-left:0}.contact-text{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.contact-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:0}.minimal-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-color);text-align:center}.minimal-footer p{font-size:.8rem;color:var(--text-muted)}.minimal-footer a{color:var(--text-secondary);transition:var(--transition-fast)}.minimal-footer a:hover{color:var(--text-primary)}@media(max-width:480px){.contact-section{padding:24px 20px}.contact-links{flex-wrap:wrap}}