@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500&display=swap";.navbar{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#07070fbf;justify-content:space-between;align-items:center;padding:16px 56px;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=light] .navbar{background:#f5f4ffcc}.navbar-logo{font-family:var(--font-head);letter-spacing:-.5px;font-size:22px;font-weight:800}.logo-ny{background:var(--grad1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-dot{color:var(--accent4)}.navbar-links{gap:32px;list-style:none;display:flex}.navbar-links a{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;padding-bottom:2px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.navbar-links a:after{content:"";background:var(--grad1);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-2px;left:0}.navbar-links a:hover,.navbar-links a.active{color:var(--text)}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}.theme-toggle{border:1px solid var(--border-strong);background:var(--card);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,color .2s,transform .2s,background .3s;display:flex}.theme-toggle svg{width:16px;height:16px}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(20deg)}.navbar-right{align-items:center;gap:10px;display:flex}.hamburger{background:var(--card);border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:9px 8px;display:none}.hamburger span{background:var(--text);border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:99;background:#07070ff7;flex-direction:column;list-style:none;animation:.22s slideDown;display:none;position:absolute;top:100%;left:0;right:0}[data-theme=light] .mobile-menu{background:#f5f4fff7}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu li a{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:16px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s,padding-left .2s;display:block}.mobile-menu li:last-child a{border-bottom:none}.mobile-menu li a:hover,.mobile-menu li a.active{color:var(--accent);background:#7c6ef00f;padding-left:32px}@media (width<=768px){.navbar{padding:14px 20px}.navbar-links{display:none}.hamburger,.mobile-menu{display:flex}}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 56px 80px;display:flex;position:relative;overflow:hidden}.hero-layout{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:80px;display:grid;position:relative}.hero-left{flex-direction:column;display:flex}.hero-orb{pointer-events:none;filter:blur(80px);opacity:.35;border-radius:50%;position:absolute}.hero-orb--1{background:radial-gradient(circle,#7c6ef0,#0000 70%);width:600px;height:600px;top:-200px;right:-100px}.hero-orb--2{background:radial-gradient(circle,#4ecdc4,#0000 70%);width:400px;height:400px;bottom:-100px;left:-100px}.hero-orb--3{opacity:.15;background:radial-gradient(circle,#ff6b9d,#0000 70%);width:300px;height:300px;top:30%;left:40%}[data-theme=light] .hero-orb{opacity:.2}.hero-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--accent2);align-items:center;gap:8px;margin-bottom:28px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow-dot{background:var(--accent2);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-family:var(--font-head);letter-spacing:-4px;margin-bottom:20px;font-size:clamp(52px,7vw,100px);font-weight:800;line-height:.9}.hero-name-plain{color:var(--text);display:block}.hero-name-grad{background:var(--grad4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-role{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;font-size:14px;font-weight:500}.hero-sub{color:var(--muted);max-width:440px;margin-bottom:40px;font-size:15px;line-height:1.85}.hero-btns{flex-wrap:wrap;gap:14px;margin-bottom:0;display:flex}.btn-primary{background:var(--grad1);color:#fff;border-radius:60px;align-items:center;gap:8px;padding:14px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #7c6ef059}.btn-primary svg{width:16px;height:16px;transition:transform .2s}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px #7c6ef073}.btn-primary:hover svg{transform:translate(3px)}.btn-outline{color:var(--text);border:1.5px solid var(--border-strong);background:0 0;border-radius:60px;align-items:center;padding:13px 32px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:inline-flex}.btn-outline:hover{border-color:var(--accent);background:#7c6ef014;transform:translateY(-2px)}.hero-stats{border-top:1px solid var(--border);gap:48px;margin-top:60px;padding-top:36px;display:flex}.stat-num{font-family:var(--font-head);font-size:38px;font-weight:800;line-height:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-size:11px}.hero-right{flex-shrink:0;justify-content:center;align-items:center;width:600px;height:600px;display:flex;position:relative}.hero-img-ring{pointer-events:none;border:1.5px dashed;border-radius:50%;position:absolute}.hero-img-ring--1{border-color:#7c6ef040;width:530px;height:530px;animation:18s linear infinite spin-slow}.hero-img-ring--2{border-color:#ff6b9d26;width:590px;height:590px;animation:28s linear infinite reverse spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-img-blob{background:var(--grad4);opacity:.18;filter:blur(48px);border-radius:50%;width:480px;height:480px;position:absolute}.hero-img{object-fit:cover;object-position:top;z-index:2;background:linear-gradient(var(--card), var(--card)) padding-box, var(--grad1) border-box;border:4px solid #0000;border-radius:50%;width:480px;height:480px;position:relative;box-shadow:0 12px 60px #7c6ef059}.hero-img-fallback{background:var(--grad1);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:480px;height:480px;display:flex;position:relative;box-shadow:0 12px 60px #7c6ef059}.hero-img-fallback span{font-family:var(--font-head);color:#fff;font-size:96px;font-weight:800}.hero-badge{background:var(--card);border:1px solid var(--border-strong);color:var(--text);z-index:3;white-space:nowrap;border-radius:60px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 4px 24px #0000004d}.hero-badge--1{border-color:#7c6ef066;animation-delay:0s;top:40px;right:-10px}.hero-badge--2{border-color:#4ecdc466;animation-delay:1.5s;bottom:40px;left:-10px}.badge-emoji{font-size:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=1024px){.hero{padding:100px 40px 72px}.hero-layout{gap:48px}.hero-right{width:420px;height:420px}.hero-img,.hero-img-fallback{width:360px;height:360px}.hero-img-blob{width:340px;height:340px}.hero-img-ring--1{width:380px;height:380px}.hero-img-ring--2{width:420px;height:420px}}@media (width<=768px){.hero{min-height:100svh;padding:96px 20px 56px}.hero-layout{text-align:center;grid-template-columns:1fr;gap:36px}.hero-right{order:-1;width:260px;height:260px;margin:0 auto}.hero-img,.hero-img-fallback{width:220px;height:220px}.hero-img-fallback span{font-size:52px}.hero-img-blob{filter:blur(28px);width:200px;height:200px}.hero-img-ring--1{width:238px;height:238px}.hero-img-ring--2{width:262px;height:262px}.hero-badge--1{padding:6px 11px;font-size:11px;top:4px;right:-6px}.hero-badge--2{padding:6px 11px;font-size:11px;bottom:4px;left:-6px}.hero-eyebrow{justify-content:center}.hero-title{letter-spacing:-2px;font-size:clamp(38px,11vw,60px)}.hero-sub{margin:0 auto 36px;font-size:14px}.hero-btns{justify-content:center}.hero-stats{justify-content:center;gap:24px;margin-top:36px;padding-top:28px}.stat-num{font-size:28px}}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:72px;display:grid}.about-text{color:var(--muted);font-size:15px;line-height:1.95}.about-text p{margin-bottom:20px}.about-text strong{color:var(--text);font-weight:600}.about-details{flex-direction:column;gap:14px;display:flex}.detail-row{background:var(--card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:18px 22px;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex}.detail-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card);transform:translate(4px)}.detail-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.detail-icon-inner{justify-content:center;align-items:center;display:flex}.detail-icon svg{width:18px;height:18px}.detail-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted2);margin-bottom:3px;font-size:10px;font-weight:600}.detail-val{color:var(--text);font-size:14px;font-weight:500}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:36px}.detail-row:hover{transform:none}}.skills-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:110px 0;transition:background .3s}.skills-inner{max-width:1140px;margin:0 auto;padding:0 56px}.marquee-wrapper{flex-direction:column;display:flex}.marquee-row{border-top:1px solid var(--border);align-items:center;gap:0;padding:18px 0;transition:background .2s;display:flex}.marquee-row:last-child{border-bottom:1px solid var(--border)}.marquee-row:hover{background:#7c6ef008}.marquee-label{text-transform:uppercase;letter-spacing:2px;width:190px;color:var(--muted2);flex-shrink:0;font-size:11px;font-weight:600}.marquee-track{flex:1;position:relative;overflow:hidden}.marquee-track:after{content:"";background:linear-gradient(to left, var(--surface), transparent);pointer-events:none;z-index:2;width:60px;position:absolute;top:0;bottom:0;right:0}.marquee-content{flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.tag{white-space:nowrap;cursor:default;border-radius:60px;padding:7px 18px;font-size:13px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-block}.tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tag--purple{color:#a89cf0;background:#7c6ef01f;border:1px solid #7c6ef047}.tag--cyan{color:#06b6d4;background:#22d3ee1f;border:1px solid #22d3ee4d}.tag--teal{color:#4ecdc4;background:#4ecdc41a;border:1px solid #4ecdc447}.tag--amber{color:#f7a55f;background:#f7c59f1f;border:1px solid #f7c59f47}.tag--pink{color:#ff6b9d;background:#ff6b9d1a;border:1px solid #ff6b9d40}.tag--indigo{color:#818cf8;background:#6366f11f;border:1px solid #6366f14d}@media (width<=1024px){.skills-inner{padding:0 40px}.marquee-label{width:150px}}@media (width<=768px){.skills-section{padding:72px 0}.skills-inner{padding:0 20px}.marquee-row{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0}.marquee-label{width:100%;font-size:10px}.marquee-track{width:100%}.marquee-track:after{display:none}.tag{padding:5px 13px;font-size:12px}}[data-theme=light] .tag--indigo{color:#4f46e5;background:#6366f11a}[data-theme=light] .tag--purple{color:#6355d4;background:#7c6ef01a}[data-theme=light] .tag--teal{color:#1a9e96;background:#4ecdc41a}[data-theme=light] .tag--amber{color:#c4620a;background:#f7a55f1a}[data-theme=light] .tag--pink{color:#c42060;background:#ff6b9d1a}[data-theme=light] .tag--cyan{color:#0891b2;background:#22d3ee1a}.projects-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.proj-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:36px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.proj-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.card-grad--teal:before{background:var(--grad3)}.card-grad--pink:before{background:var(--grad2)}.proj-card:after{content:"";pointer-events:none;opacity:.06;border-radius:50%;width:240px;height:240px;position:absolute;top:0;right:0}.card-grad--teal:after{background:radial-gradient(circle,#4ecdc4,#0000 70%)}.card-grad--pink:after{background:radial-gradient(circle,#ff6b9d,#0000 70%)}.proj-card:hover{box-shadow:var(--shadow-card);border-color:var(--border-strong);transform:translateY(-6px)}.card-grad--teal:hover{border-color:#4ecdc44d}.card-grad--pink:hover{border-color:#ff6b9d4d}.proj-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.proj-number{font-family:var(--font-head);color:var(--border-strong);font-size:48px;font-weight:800;line-height:1}.proj-badge{text-transform:uppercase;letter-spacing:1.5px;border-radius:60px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:5px;height:5px;display:block}.proj-badge--live{color:var(--accent2);background:#4ecdc41f;border:1px solid #4ecdc440}.proj-badge--live .badge-dot{background:var(--accent2)}.proj-badge--wip{color:var(--accent3);background:#f7c59f1f;border:1px solid #f7c59f40}.proj-badge--wip .badge-dot{background:var(--accent3);animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.proj-title{font-family:var(--font-head);letter-spacing:-.8px;margin-bottom:4px;font-size:26px;font-weight:800}.proj-subtitle{color:var(--muted);margin-bottom:14px;font-size:13px}.proj-desc{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.85}.proj-stack{flex-wrap:wrap;gap:6px;margin-bottom:28px;display:flex}.stack-tag{color:var(--muted);border:1px solid var(--border);background:#ffffff0d;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:500}[data-theme=light] .stack-tag{background:#0000000a}.proj-links{gap:14px;display:flex}.proj-link{color:var(--muted);border:1px solid var(--border);border-radius:60px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.proj-link svg{width:13px;height:13px}.proj-link:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff0a}.proj-link--live:hover{color:var(--accent2);border-color:#4ecdc466}@media (width<=1024px){.projects-grid{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:14px}.proj-card{border-radius:18px;padding:24px 20px}.proj-number{font-size:36px}.proj-title{font-size:20px}.proj-desc{font-size:12px}}.exp-timeline{flex-direction:column;gap:0;display:flex}.exp-item{grid-template-columns:32px 160px 1fr;gap:28px;padding-bottom:48px;display:grid}.exp-item:last-child{padding-bottom:0}.exp-line-col{flex-direction:column;align-items:center;padding-top:6px;display:flex}.exp-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.exp-line{background:var(--border);flex:1;width:1px;margin-top:8px}.exp-meta{padding-top:2px}.exp-date{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:600}.exp-org{margin-bottom:8px;font-size:13px;font-weight:600}.exp-tag{text-transform:uppercase;letter-spacing:1px;border:1px solid;border-radius:60px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.exp-content{padding-top:2px}.exp-title{font-family:var(--font-head);letter-spacing:-.3px;margin-bottom:10px;font-size:19px;font-weight:700}.exp-desc{color:var(--muted);font-size:13px;line-height:1.85}@media (width<=1024px){.exp-item{grid-template-columns:28px 120px 1fr;gap:20px}}@media (width<=768px){.exp-item{grid-template-rows:auto auto;grid-template-columns:28px 1fr;gap:10px 14px;padding-bottom:32px}.exp-line-col{grid-row:1/3}.exp-meta,.exp-content{grid-column:2}.exp-title{font-size:16px}.exp-desc{font-size:12px}}.certs-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.cert-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:24px;flex-direction:column;gap:18px;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.cert-card:hover{box-shadow:var(--shadow-card);border-color:var(--cert-color,var(--accent));transform:translateY(-6px)}.cert-issuer{text-transform:uppercase;letter-spacing:1.5px;color:var(--cert-color,var(--accent));align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.cert-icon-small{font-size:16px}.cert-img-wrap{aspect-ratio:4/3;border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;overflow:hidden}.cert-img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.cert-card:hover .cert-img{transform:scale(1.05)}.cert-img-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:50px;display:flex}.cert-footer{flex-direction:column;gap:10px;display:flex}.cert-name{color:var(--text);font-size:14px;font-weight:600}.cert-bar{border-radius:3px;width:50px;height:3px}.cert-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.cert-modal-img{border-radius:16px;max-width:90%;max-height:90%;animation:.3s zoomIn;box-shadow:0 20px 50px #0006}@keyframes zoomIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.certs-grid{grid-template-columns:1fr 1fr;gap:18px}}@media (width<=768px){.certs-grid{grid-template-columns:1fr;gap:14px}.cert-card{border-radius:18px;padding:20px 18px}}.ach-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ach-card{background:var(--card);border:1px solid var(--border);cursor:default;border-radius:22px;padding:32px 30px 28px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden}.ach-card:before{content:"";background:radial-gradient(circle, var(--ach-color,var(--accent)), transparent 70%);opacity:.06;pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:0;right:0}.ach-card:hover{border-color:var(--ach-color,var(--accent));transform:translateY(-6px);box-shadow:0 12px 40px #0000004d}[data-theme=light] .ach-card:hover{box-shadow:0 12px 40px #7c6ef01f}.ach-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ach-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.ach-icon{font-size:24px}.ach-year{letter-spacing:1px;text-transform:uppercase;border-radius:60px;padding:5px 12px;font-size:11px;font-weight:700}.ach-title{font-family:var(--font-head);letter-spacing:-.4px;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.3}.ach-desc{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.85}.ach-bar{border-radius:3px;width:48px;height:3px}@media (width<=1024px){.ach-grid{grid-template-columns:1fr 1fr;gap:18px}}@media (width<=768px){.ach-grid{grid-template-columns:1fr;gap:14px}.ach-card{border-radius:18px;padding:24px 20px 20px}.ach-title{font-size:16px}.ach-desc{font-size:12px}}.contact-wrap{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:32px;padding:72px 56px;position:relative;overflow:hidden}.contact-orb{pointer-events:none;filter:blur(70px);border-radius:50%;position:absolute}.contact-orb--1{background:#7c6ef02e;width:400px;height:300px;bottom:-120px;left:50%;transform:translate(-50%)}.contact-orb--2{background:#ff6b9d1f;width:250px;height:200px;top:-80px;right:10%}.contact-badge{letter-spacing:2px;text-transform:uppercase;color:var(--accent2);background:#4ecdc414;border:1px solid #4ecdc44d;border-radius:60px;margin-bottom:28px;padding:6px 18px;font-size:12px;font-weight:600;display:inline-block;position:relative}.contact-title{font-family:var(--font-head);letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.1;position:relative}.contact-sub{color:var(--muted);margin-bottom:44px;font-size:15px;position:relative}.contact-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.contact-link{border:1px solid var(--border-strong);color:var(--muted);border-radius:60px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,transform .2s,background .2s;display:inline-flex}.contact-link-icon{align-items:center;display:flex}.contact-link-icon svg{width:14px;height:14px}.contact-link:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.contact-link--primary{background:var(--grad1);color:#fff;border-color:#0000;box-shadow:0 4px 20px #7c6ef04d}.contact-link--primary:hover{opacity:.9;color:#fff;border-color:#0000;box-shadow:0 8px 28px #7c6ef066}@media (width<=768px){.contact-wrap{border-radius:20px;padding:40px 20px}.contact-title{font-size:clamp(26px,8vw,38px)}.contact-sub{font-size:14px}.contact-links{flex-direction:column;align-items:center;gap:10px}.contact-link{justify-content:center;width:100%;max-width:300px}}.footer{text-align:center;border-top:1px solid var(--border);color:var(--muted);padding:32px;font-size:12px}@media (width<=768px){.footer{padding:28px 20px;font-size:11px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070f;--surface:#0f0f1a;--card:#151523;--card-hover:#1c1c2e;--border:#ffffff12;--border-strong:#ffffff24;--text:#f0eef8;--muted:#8b899e;--muted2:#5e5c72;--accent:#7c6ef0;--accent2:#4ecdc4;--accent3:#f7c59f;--accent4:#ff6b9d;--accent5:#43e97b;--grad1:linear-gradient(135deg, #7c6ef0, #4ecdc4);--grad2:linear-gradient(135deg, #ff6b9d, #f7c59f);--grad3:linear-gradient(135deg, #43e97b, #4ecdc4);--grad4:linear-gradient(135deg, #7c6ef0, #ff6b9d);--font-head:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--shadow-card:0 8px 32px #0006;--shadow-glow:0 0 40px #7c6ef026}[data-theme=light]{--bg:#f5f4ff;--surface:#ececf8;--card:#fff;--card-hover:#f0eeff;--border:#7c6ef01f;--border-strong:#7c6ef040;--text:#1a1830;--muted:#6b6880;--muted2:#a09eb8;--shadow-card:0 8px 32px #7c6ef014;--shadow-glow:0 0 40px #7c6ef01a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.7;transition:background .3s,color .3s;overflow-x:hidden}.app{min-height:100vh}.section-inner{max-width:1140px;margin:0 auto;padding:110px 56px}.section-tag{letter-spacing:3px;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:18px;font-size:11px;font-weight:600;display:inline-flex}.section-tag:before{content:"";background:var(--grad1);border-radius:2px;width:20px;height:2px;display:block}.section-title{font-family:var(--font-head);letter-spacing:-1.5px;margin-bottom:60px;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.05}.grad-text{background:var(--grad1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=1024px){.section-inner{padding:90px 40px}}@media (width<=768px){.section-inner{padding:72px 20px}.section-title{letter-spacing:-1px;margin-bottom:36px;font-size:clamp(26px,8vw,38px)}}@tailwind base;@tailwind components;@tailwind utilities;