:root{--bg: #08090f;--card: #12131c;--card-hover: #171927;--border: #23253a;--border-soft: #1b1d2c;--text: #f5f5f7;--text-muted: #9494a8;--text-dim: #5c5d72;--accent: #3b6bff;--accent-soft: rgba(59, 107, 255, .14);--accent-2: #7c9bff;--accent-pink: #f472b6;--accent-purple: #a855f7;--accent-cyan: #22d3ee;--green: #22c55e;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 10px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 0%,rgba(59,107,255,.14),transparent 45%),radial-gradient(circle at 100% 20%,rgba(168,85,247,.1),transparent 40%),radial-gradient(circle at 50% 100%,rgba(34,211,238,.06),transparent 50%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.page{max-width:1180px;margin:0 auto;padding:0 24px 80px}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px 24px;max-width:1180px;margin:0 auto;background:transparent}.navbar__brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;font-size:15px}.navbar__mark{width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent)}.navbar__links{display:flex;align-items:center;gap:6px}.navbar__link{padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--text-muted);transition:color .2s ease,background .2s ease}.navbar__link:hover{color:var(--text)}.navbar__link.active{color:var(--text);background:var(--card);border:1px solid var(--border)}.navbar__toggle{display:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);align-items:center;justify-content:center;cursor:pointer}@media (max-width: 720px){.navbar__links{position:fixed;inset:70px 16px auto 16px;flex-direction:column;align-items:stretch;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.navbar__links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__link{text-align:left}.navbar__toggle{display:flex}}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;position:relative;overflow:hidden;transition:border-color .2s ease,transform .2s ease,background .2s ease}.card--link{cursor:pointer}.card--link:hover{border-color:#3b6bff73;transform:translateY(-2px);background:var(--card-hover)}.card__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.card__arrow{position:absolute;top:24px;right:24px;width:46px;height:46px;border-radius:14px;background:var(--border-soft);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:19px;transition:background .2s ease,color .2s ease,transform .2s ease}.card--link:hover .card__arrow{background:var(--accent);color:#fff;transform:translate(2px,-2px)}.hero-card{grid-column:span 7;display:flex;align-items:center;gap:28px;min-height:220px}.hero-avatar{width:132px;height:132px;border-radius:26px;flex-shrink:0;background:linear-gradient(155deg,var(--accent) 0%,var(--accent-purple) 55%,#0a0a0b 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:40px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.hero-name{font-size:36px;font-weight:800;margin:0 0 6px;line-height:1.1}.hero-role{font-size:15.5px;color:var(--text-muted)}.hero-role .typing-word{color:var(--text-muted);font-weight:600}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--text-muted);margin-left:3px;vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.status-card{grid-column:span 5;display:flex;flex-direction:column;gap:14px;justify-content:center}.status-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.status-row+.status-row{padding-top:14px;border-top:1px solid var(--border-soft)}.status-label{color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.status-value{font-weight:600;font-size:15px}.now-playing{grid-column:span 5;display:flex;align-items:center;gap:18px;position:relative}.now-playing__art{width:72px;height:72px;border-radius:16px;background:linear-gradient(155deg,var(--accent) 0%,#0f0f10 100%);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff0f}.now-playing__cover{width:100%;height:100%;object-fit:cover;display:block}.now-playing__meta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.now-playing__title{font-weight:700;font-size:16px;margin:0 0 3px;line-height:1.2}.now-playing__sub{font-size:12.5px;color:var(--text-muted);margin:0;line-height:1.4}.now-playing__badge{font-family:var(--font-mono);font-size:10.5px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-dim)}.now-playing__btn{width:52px;height:52px;border-radius:50%;background:var(--text);color:#0a0a0b;border:none;display:flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.now-playing__btn:hover{transform:scale(1.07)}.stat-tile{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:120px}.stat-tile .stat-value{font-size:22px;font-weight:800}.stat-tile .stat-label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 0 3px #22c55e33}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.tile-title{font-size:21px;font-weight:700;margin:0}.tile-label{font-size:12px;color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.spec-grid{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}.spec-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 18px #00000059;transition:transform .2s ease,box-shadow .2s ease}.spec-icon:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 24px #00000073}.spec-icon-label{text-align:center;font-size:11px;color:var(--text-dim);margin-top:8px}.spec-item{display:flex;flex-direction:column;align-items:center}.social-row{display:flex;gap:12px;margin-top:16px}.social-icon{width:48px;height:48px;border-radius:50%;background:var(--border-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--text);transition:background .2s ease,transform .2s ease}.social-icon:hover{background:var(--accent);transform:translateY(-2px)}.cta-card{background:linear-gradient(135deg,var(--card) 0%,rgba(59,107,255,.16) 100%)}.cta-card h3{font-size:30px;margin:0;font-weight:700;line-height:1.2}.cta-card h3 span{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--border);transition:background .2s ease,border-color .2s ease,transform .15s ease;cursor:pointer}.btn--primary{background:var(--text);color:#0a0a0b;border-color:var(--text)}.btn--primary:hover{transform:translateY(-2px);opacity:.92}.btn--ghost{background:transparent;color:var(--text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.section-head{margin:64px 0 28px}.section-head:first-of-type{margin-top:40px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.eyebrow:before{content:"";width:7px;height:7px;background:var(--accent-2);display:inline-block;border-radius:2px}.section-title{font-size:44px;font-weight:800;margin:0;letter-spacing:-.01em}.section-sub{color:var(--text-muted);font-size:15px;margin-top:10px;max-width:560px;line-height:1.6}.about-grid{display:grid;grid-template-columns:300px 1fr;gap:20px}@media (max-width: 780px){.about-grid{grid-template-columns:1fr}}.profile-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;text-align:center;height:fit-content;position:sticky;top:90px}.profile-avatar-lg{width:100%;aspect-ratio:1;border-radius:var(--radius-md);background:linear-gradient(155deg,#3b6bff38,#a855f724 55%,#0a0a0b);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:54px;color:#fff;margin-bottom:16px;overflow:hidden}.profile-avatar-lg img{width:62%;height:62%;object-fit:contain}.profile-card h3{margin:0 0 2px;font-size:19px}.profile-card p{margin:0;color:var(--text-muted);font-size:13px;font-family:var(--font-mono)}.bio-block p{color:#c7c7cc;line-height:1.75;font-size:15px;white-space:pre-line}.info-block{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-top:18px}.info-block h4{margin:0 0 16px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-family:var(--font-mono)}.skill-group{margin-bottom:18px}.skill-group:last-child{margin-bottom:0}.skill-group h5{margin:0 0 10px;font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 13px;border-radius:999px;background:var(--border-soft);border:1px solid var(--border);font-size:12.5px;color:#d4d4d8;display:inline-flex;align-items:center;gap:6px}.tabs{display:inline-flex;gap:8px;margin-bottom:28px}.tab{padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.tab.active{background:var(--text);color:#0a0a0b}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 780px){.project-grid{grid-template-columns:1fr}}.project-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-4px);border-color:#3b6bff73}.project-cover{height:190px;display:flex;align-items:flex-end;padding:22px;position:relative}.project-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.06),transparent 60%)}.project-cover h4{position:relative;z-index:1;margin:0;font-size:22px;color:#fff;font-weight:800;line-height:1.2}.project-body{padding:22px}.project-body-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.project-body-top h3{margin:0;font-size:18px}.tag-chip{font-size:11px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;font-family:var(--font-mono)}.project-body p{color:var(--text-muted);font-size:13.5px;line-height:1.6;margin:0 0 14px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:start}@media (max-width: 780px){.contact-grid{grid-template-columns:1fr}}.contact-item{display:flex;align-items:center;gap:14px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;transition:border-color .2s ease,transform .2s ease}.contact-item:hover{border-color:var(--accent);transform:translate(3px)}.contact-icon{width:42px;height:42px;border-radius:10px;background:var(--border-soft);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);flex-shrink:0}.contact-item .status-label{margin-bottom:3px;display:block}.contact-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.contact-panel h2{font-size:26px;margin:0 0 22px}.contact-panel h2 span{color:var(--accent)}.avatar-mark{width:100%;aspect-ratio:16 / 11;border-radius:var(--radius-md);background:radial-gradient(circle at 30% 20%,rgba(59,107,255,.18),transparent 55%),linear-gradient(155deg,#14162200,#0a0a0b 70%);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:64px;font-weight:700;color:var(--accent)}.avatar-mark img{width:40%;max-width:140px;height:auto}.footer{max-width:1180px;margin:60px auto 0;padding:24px 24px 40px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--text-dim);border-top:1px solid var(--border-soft)}.footer span strong{color:var(--text-muted)}.footer__brand{display:block;width:90px;height:auto;max-width:100%;filter:contrast(1.05);opacity:.96}@media (max-width: 640px){.hero-card,.status-card,.col-4,.col-6,.col-8{grid-column:span 12}.section-title{font-size:32px}.footer{flex-direction:column;gap:8px;text-align:center}}