*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-card:#111;--bg-hover:#1a1a1a;--text:#fff;--text-muted:#888;--accent:#fff;--border:#222;--font:"Space Grotesk", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--text);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}img{max-width:100%;display:block}.container{max-width:960px;margin:0 auto;padding:0 48px}section{padding:80px 0}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.1}h2{letter-spacing:-.02em;margin-bottom:40px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600}h3{margin-bottom:8px;font-size:1.3rem;font-weight:600}p{color:var(--text-muted);line-height:1.7}.btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:var(--font);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;transition:all .25s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--text);opacity:1;transform:translateY(-2px)}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{background:var(--text-muted);border-color:var(--text-muted)}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);border:1px solid var(--border);border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:.8rem;display:inline-block}::selection{background:var(--text);color:var(--bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}html,body,#root{min-height:100%;margin:0}body{background-color:#080808;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:60px 60px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;animation:5s linear infinite moveGrid}@keyframes moveGrid{0%{background-position:0 0,0 0}to{background-position:60px 60px,60px 60px}}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0ad9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.logo-dot{color:var(--text-muted)}.nav-links{gap:8px;display:flex}.nav-link{color:var(--text-muted);border-radius:8px;padding:8px 18px;font-size:.9rem;transition:all .2s}.nav-link:hover{color:var(--text);background:var(--bg-card);opacity:1}.nav-link.active{color:var(--text);background:var(--bg-card)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.menu-toggle span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.menu-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero-section{justify-content:center;align-items:center;min-height:70vh;padding:80px 0 60px;display:flex;position:relative;overflow:hidden}@keyframes dotsDrift{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes glowPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.hero-content{z-index:1;text-align:left;max-width:780px;margin:0 auto;position:relative}.hero-content h1{margin:16px 0 20px;font-size:clamp(3rem,7vw,5.5rem)}.hero-subtitle{max-width:640px;margin:0 auto;font-size:1.15rem;line-height:1.8}.hero-tagline{color:var(--text-muted);border:1px solid var(--border);background:var(--bg-card);border-radius:16px;max-width:620px;margin:24px auto 0;padding:20px 24px;font-size:1.05rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:40px;display:flex}#experience{text-align:center}.experience-list{text-align:left;flex-direction:column;gap:20px;max-width:700px;margin:0 auto;display:flex}.experience-card{border:1px solid var(--border);border-radius:16px;gap:24px;padding:28px;transition:all .25s;display:flex}.experience-card:hover{background:var(--bg-card);border-color:#333}.exp-period{min-width:130px;color:var(--text-muted);padding-top:2px;font-size:.85rem;font-weight:500}.exp-info h3{margin-bottom:2px}.exp-company{color:var(--text);margin-bottom:8px;font-weight:500}#quick-links{text-align:center}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:700px;margin:0 auto;display:grid}.quick-card{border:1px solid var(--border);text-align:center;border-radius:16px;padding:32px 24px;transition:all .25s}.quick-card:hover{background:var(--bg-card);opacity:1;border-color:#333;transform:translateY(-4px)}.quick-icon{width:28px;height:28px;color:var(--text-muted);stroke:currentColor;margin:0 auto 16px;display:block}.quick-card h3{margin-bottom:4px}.quick-card p{font-size:.9rem}#contact{text-align:center}.contact-text{max-width:480px;margin:0 auto 32px}.contact-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.page-section{padding-top:100px}.page-subtitle{margin-bottom:48px;font-size:1.1rem}.grid-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.grid-card{border:1px solid var(--border);border-radius:16px;transition:all .3s;overflow:hidden}.grid-card:hover{background:var(--bg-card);opacity:1;border-color:#333;transform:translateY(-4px)}.grid-card-image{aspect-ratio:16/10;background:var(--bg-card);width:100%;overflow:hidden}.grid-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.grid-card:hover .grid-card-image img{transform:scale(1.05)}.grid-card-body{padding:20px}.grid-card-body h3{margin-bottom:4px}.grid-card-body p{font-size:.9rem}.grid-card-meta{color:var(--text-muted);gap:12px;margin-bottom:8px;font-size:.8rem;display:flex}.grid-card-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag{border:1px solid var(--border);color:var(--text-muted);border-radius:20px;padding:3px 10px;font-size:.75rem}.detail-page{max-width:800px;margin:0 auto}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:32px;font-size:.9rem;transition:all .2s;display:inline-flex}.back-link:hover{color:var(--text);opacity:1}.detail-image{border:1px solid var(--border);border-radius:16px;width:100%;margin-bottom:32px;overflow:hidden}.detail-image img{width:100%;display:block}.detail-page h1{margin-bottom:8px}.detail-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:1.1rem}.detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.detail-description{margin-bottom:32px;font-size:1.05rem;line-height:1.8}.detail-actions{flex-wrap:wrap;gap:12px;display:flex}.footer{border-top:1px solid var(--border);text-align:center;padding:32px 0}.footer p{font-size:.85rem}@media (width<=768px){.container{padding:0 20px}.nav-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;background:#0a0a0afa;flex-direction:column;gap:4px;padding:16px;transition:all .3s;position:fixed;top:64px;left:0;right:0;transform:translateY(-110%)}.nav-links.visible{opacity:1;pointer-events:all;transform:translateY(0)}.menu-toggle{display:flex}.experience-card{flex-direction:column;gap:8px}.exp-period{min-width:auto}.grid-list{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}}@media (width<=480px){section{padding:48px 0}.hero-section{min-height:auto;padding:60px 0 40px}.grid-card-image{aspect-ratio:16/9}}