:root{--bg:#050816;--bg-alt:#0b1020;--card:#111827;--accent:#00e0ff;--accent-soft:#00e0ff1f;--text:#e5e7eb;--muted:#9ca3af;--border:#1f2937;--radius-lg:18px;--radius-xl:24px;--shadow-soft:0 18px 45px #00000073;--transition-fast:.18s ease-out;--transition-medium:.3s ease-out}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text);scroll-behavior:smooth;background:radial-gradient(circle at top,#111827 0,#020617 75%);overflow-x:hidden}body{-webkit-text-size-adjust:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.page{width:100%;max-width:1100px;margin:0 auto;padding:20px 16px 60px}header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#020617f2,#020617bf,#0000);border-bottom:1px solid #1f293799;position:sticky;top:0;overflow:visible}.nav{z-index:21;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;position:relative}.nav-left{flex-shrink:1;align-items:center;gap:10px;min-width:0;display:flex}.nav-right{align-items:center;gap:8px;display:flex}.nav-avatar{transform-origin:50%;z-index:1000;width:36px;height:36px;transition:transform var(--transition-medium),box-shadow var(--transition-medium);border:2px solid #38bdf880;border-radius:999px;flex-shrink:0;position:relative;overflow:visible;box-shadow:0 0 15px #22d3ee73}.nav-avatar:hover{z-index:10000;transform:scale(3.5);box-shadow:0 0 60px #22d3eef2}.nav-avatar-img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.nav-title{flex-direction:column;min-width:0;display:flex}.nav-title span:first-child{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.nav-title span:last-child{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.nav-links{color:var(--muted);gap:8px;font-size:12px;display:flex}.nav-links a{transition:var(--transition-medium);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:5px 8px}.nav-links a:hover{color:var(--text);border-color:var(--accent);background:#0f172ae6}.nav-links a.nav-cta{color:#e0f2fe;background:radial-gradient(circle at 0 0,#0ea5e9,#0f172a);border-color:#38bdf8b3;box-shadow:0 0 0 1px #22d3ee59,0 16px 40px #082f49f2}.lang-btn{color:#e5e7eb;cursor:pointer;transition:var(--transition-medium);white-space:nowrap;background:#0f172af2;border:1px solid #60a5fab3;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px}.lang-btn:hover{color:#fff;background:#1e40afe6;border-color:#60a5fa;transform:translateY(-1px)}.hero{grid-template-columns:1fr;align-items:center;gap:24px;width:100%;padding-top:30px;display:grid}.hero-title{color:#f8fafc;margin-bottom:8px;font-size:clamp(24px,6vw,36px);font-weight:700;line-height:1.3}.hero-highlight{background:linear-gradient(120deg,#22d3ee,#60a5fa,#a855f7);color:#0000;text-shadow:0 0 12px #22d3ee4d;-webkit-background-clip:text;display:inline-block}.hero-subtitle{color:#e2e8f0c7;margin-bottom:16px;font-size:clamp(14px,4vw,16px);line-height:1.5}.hero-subtext{color:#e2e8f0ad;max-width:100%;margin-bottom:20px;font-size:clamp(13px,3.5vw,14px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.btn{cursor:pointer;transition:var(--transition-medium);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 16px;font-size:13px;display:inline-flex}.btn-primary{color:#ecfeff;background:radial-gradient(circle at 0 0,#22d3ee,#1f2937);border-color:#22d3eecc;box-shadow:0 0 0 1px #082f4980,0 18px 45px #0f172af2}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 60px #0f172a}.btn-outline{color:#e2e8f0b8;background:0 0;border-color:#94a3b8b3}.btn-outline:hover{color:var(--accent);border-color:var(--accent);background:#0f172ae6}.hero-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#22d3ee1a,#020617f5);border:1px solid #94a3b838;order:-1;padding:16px;overflow:hidden}.hero-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hero-card-title{color:#e2e8f0bf;font-size:12px}.hero-pill{color:#e0f2fe;white-space:nowrap;background:#0f172ae6;border:1px solid #94a3b880;border-radius:999px;padding:4px 10px;font-size:10px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.metric{background:#0f172ae6;border:1px solid #1f2937e6;border-radius:14px;padding:8px;font-size:11px}.metric-label{color:#e2e8f09e;margin-bottom:2px;font-size:10px}.metric-value{color:#f8fafc;font-size:14px;font-weight:700}.metric-pill{color:#a5b4fc;font-size:10px}.hero-stack{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.stack-pill{color:#f8fafce0;white-space:nowrap;background:#0f172ae6;border:1px solid #374151e6;border-radius:999px;padding:3px 8px;font-size:10px}section{width:100%;margin-top:40px;scroll-margin-top:20vh}.section-header{margin-bottom:16px}.section-kicker{text-transform:uppercase;letter-spacing:.12em;color:#38bdf8;margin-bottom:4px;font-size:11px}.section-title{color:#f8fafc;margin-bottom:4px;font-size:clamp(18px,5vw,20px);font-weight:700}.section-subtitle{color:#e2e8f0ad;font-size:12px;line-height:1.5}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;width:100%;display:grid}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;width:100%;display:grid}.two-col{grid-template-columns:1fr;gap:14px;width:100%;display:grid}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium);background:#0f172af5;border:1px solid #94a3b82e;width:100%;padding:14px}.card:hover{background:#0f172afa;border-color:#22d3ee8c;transform:translateY(-3px);box-shadow:0 12px 30px #0009,0 0 25px #22d3ee1f}.card h3{color:#f8fafc;margin-bottom:6px;font-size:14px}.card p{color:#e2e8f0b8;margin-bottom:6px;font-size:12px;line-height:1.5}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#f8fafcdb;white-space:nowrap;background:#02061759;border:1px solid #94a3b838;border-radius:999px;padding:3px 8px;font-size:10px}.card ul{color:#e2e8f0eb;margin-bottom:8px;margin-left:18px;font-size:12px;list-style-type:disc}.card ul li{margin-bottom:3px;line-height:1.4}.simple-list{margin-top:8px}.project-badge{color:#a5b4fc;margin-bottom:4px;font-size:10px}.project-title{color:#f8fafc;margin-bottom:4px;font-size:14px;font-weight:700}.project-meta{color:#e2e8f0b8;margin-bottom:8px;font-size:11px;line-height:1.4}.flip-card{text-align:left;cursor:pointer;perspective:1200px;touch-action:manipulation;width:100%;min-height:280px;color:var(--text);font:inherit;appearance:none;background:0 0;border:0;padding:0}.flip-card:focus{outline:none}.flip-card:focus-visible .flip-front,.flip-card:focus-visible .flip-back{box-shadow:0 0 0 3px #22d3ee59,var(--shadow-soft);border-color:#22d3eeb3}.flip-inner{transform-style:preserve-3d;transition:transform var(--transition-medium);height:100%;display:grid}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:#f8fafceb;background:radial-gradient(circle at 0 0,#22d3ee1a,#0f172af5);border:1px solid #94a3b82e;flex-direction:column;grid-area:1/1;height:100%;padding:14px;display:flex}.flip-front{transform:rotateY(0)}.flip-back{transform:rotateY(180deg)}.project-hint{color:#bae6fdeb;margin-top:auto;padding-top:8px;font-size:10px}.flip-front ul,.flip-front li{color:#f8fafce6;font-size:11px}.flip-front .project-meta{color:#e2e8f0bd}.project-proof{flex-direction:column;gap:10px;width:100%;height:100%;display:flex}.project-proof-head{flex-direction:column;gap:4px;display:flex}.project-proof-pill{color:#e0f2fe;background:#0206178c;border:1px solid #22d3ee8c;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:10px;display:inline-flex}.project-proof-sub{color:#e2e8f0b8;font-size:11px;line-height:1.4}.project-img{background:#02061799;border:1px solid #94a3b82e;border-radius:12px;flex-shrink:0;width:100%;height:160px;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-medium);display:block}.project-img img:hover{transform:scale(1.05)}.project-img-empty{color:#e2e8f0b8;text-align:center;place-items:center;width:100%;height:100%;padding:10px;font-size:11px;display:grid}.contact-card{grid-template-columns:1fr;align-items:flex-start;gap:16px;padding:16px;display:grid}.contact-info{color:#e2e8f0bd;font-size:13px;line-height:1.5}.contact-info p+p{margin-top:8px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.contact-item{background:#0f172afa;border:1px solid #94a3b82e;border-radius:12px;min-width:0;padding:10px;font-size:12px}.contact-item span{color:#e2e8f09e;letter-spacing:.02em;margin-bottom:4px;font-size:10px;display:block}.contact-item a{color:#bae6fd;word-break:break-word;font-size:11px}.contact-value{color:#f8fafce6;font-size:11px}footer{text-align:center;color:#94a3b880;margin-top:32px;padding:0 8px;font-size:10px;line-height:1.5}@media (min-width:768px){.page{padding:20px 24px 60px}.nav{padding:12px 20px}.nav-avatar{width:42px;height:42px}.nav-avatar:hover{transform:scale(4)}.nav-links{gap:12px;font-size:13px}.nav-links a{padding:6px 10px}.hero{grid-template-columns:minmax(0,3fr) minmax(0,2.3fr);gap:32px;padding-top:40px}.hero-card{order:0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.two-col{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.contact-card{grid-template-columns:minmax(0,2.2fr) minmax(0,1.4fr)}.contact-item,.contact-item a{font-size:12px}.project-img{height:180px}}@media (min-width:1024px){.page{padding:20px 32px 60px}.hero-title{font-size:clamp(28px,4vw,36px)}.hero-subtitle{font-size:16px}.hero-subtext{max-width:520px;font-size:14px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:480px){.nav-links{display:none}.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center;width:100%}.contact-grid{grid-template-columns:1fr}.flip-card{min-height:320px}.project-img{height:140px}}@supports (-webkit-touch-callout:none){.flip-card{cursor:pointer;-webkit-tap-highlight-color:transparent}}.card h3:before,.card h3:after,.skills-grid .card h3:before,.skills-grid .card h3:after,#skills .card h3:before,#skills .card h3:after{content:none!important;display:none!important}[class*=skill] h3:before,[class*=Skill] h3:before,.skill-card h3:before,.SkillCard h3:before,article.card h3:before,article.card h3:after,div.card h3:before,div.card h3:after,h3:before,h3:after{content:none!important}