:root{--bg: #060910;--surface: rgba(255,255,255,.05);--surface-hover: rgba(255,255,255,.09);--border: rgba(255,255,255,.1);--border-accent: rgba(97,218,251,.35);--text: #eaf0ff;--muted: rgba(234,240,255,.55);--accent: #61dafb;--accent2: #a78bfa;--green: #3fb950;--shadow: 0 24px 64px rgba(0,0,0,.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.wrap{width:min(1080px,calc(100% - 48px));margin:0 auto}.section{padding:96px 0}.divider{height:1px;background:var(--border)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060910b3;border-bottom:1px solid var(--border);transition:background .3s}.navInner{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:17px;letter-spacing:.3px}.dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 3px #61dafb26}.navLinks{display:flex;gap:6px}.navLink{padding:7px 14px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted);transition:color .2s,background .2s;cursor:pointer}.navLink:hover{color:var(--text);background:var(--surface)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:62px;position:relative;overflow:hidden}.heroGlow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 500px at 20% 30%,rgba(97,218,251,.13),transparent 60%),radial-gradient(600px 500px at 80% 70%,rgba(167,139,250,.13),transparent 60%)}.heroContent{position:relative;z-index:1;padding:40px 0}.heroEyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:13px;font-weight:700;color:var(--muted);margin-bottom:24px}.heroName{font-size:clamp(36px,6vw,72px);font-weight:900;line-height:1.06;letter-spacing:-1.5px;margin-bottom:16px;background:linear-gradient(135deg,#eaf0ff 30%,#61dafbd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typewriter{font-size:clamp(18px,2.8vw,28px);font-weight:700;color:var(--accent);min-height:40px;margin-bottom:20px}.cursor{display:inline-block;width:3px;height:1.1em;background:var(--accent);margin-left:3px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.heroDesc{max-width:600px;color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:32px}.ctaRow{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .18s,border-color .18s,transform .15s}.btn:hover{background:var(--surface-hover);border-color:#fff3;transform:translateY(-1px)}.btnPrimary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#060910;border:0;font-weight:800}.btnPrimary:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--accent),var(--accent2))}.heroStats{display:flex;gap:32px;flex-wrap:wrap;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.stat .num{font-size:28px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat .lbl{font-size:13px;color:var(--muted);margin-top:2px}.sectionTag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.sectionTitle{font-size:clamp(26px,3.5vw,40px);font-weight:900;letter-spacing:-.5px;margin-bottom:14px}.sectionSub{color:var(--muted);max-width:520px;font-size:15px;line-height:1.8;margin-bottom:48px}.aboutGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media(max-width:768px){.aboutGrid{grid-template-columns:1fr}}.aboutText p{color:var(--muted);line-height:1.9;margin-bottom:16px}.aboutCards{display:flex;flex-direction:column;gap:12px}.aboutCard{padding:16px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s,background .2s}.aboutCard:hover{border-color:var(--border-accent);background:var(--surface-hover)}.aboutCardTitle{font-weight:800;font-size:14px;margin-bottom:3px}.aboutCardSub{font-size:13px;color:var(--muted)}.skillsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.skillCard{padding:20px;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s,background .2s}.skillCard:hover{border-color:var(--border-accent);background:var(--surface-hover)}.skillCardTitle{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:14px}.skillTags{display:flex;flex-wrap:wrap;gap:8px}.skillTag{font-size:12px;padding:5px 11px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#eaf0ffd9;font-weight:600}.projectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.projectCard{border-radius:16px;padding:22px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:0;transition:border-color .2s,background .2s,transform .2s;cursor:pointer;text-decoration:none;color:inherit}.projectCard:hover{border-color:var(--border-accent);background:var(--surface-hover);transform:translateY(-4px);box-shadow:0 16px 48px #61dafb1a}.projectCardTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.featuredBadge{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:#61dafb1f;border:1px solid rgba(97,218,251,.3);color:var(--accent);white-space:nowrap}.liveBadge{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:#3fb9501a;border:1px solid rgba(63,185,80,.3);color:var(--green);white-space:nowrap}.projectTitle{font-size:16px;font-weight:800;margin-bottom:4px}.projectPeriod{font-size:12px;color:var(--muted);margin-bottom:10px}.projectDesc{font-size:14px;color:var(--muted);line-height:1.75;flex:1}.projectTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.projectTag{font-size:11px;padding:4px 10px;border-radius:999px;background:#61dafb14;border:1px solid rgba(97,218,251,.18);color:#61dafbe6;font-weight:600}.projectLinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.projectLink{font-size:12px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:4px;opacity:.85}.projectImg{width:100%;height:180px;object-fit:cover;border-radius:10px;border:1px solid var(--border);margin-top:14px}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media(max-width:768px){.contactGrid{grid-template-columns:1fr}}.contactLinks{display:flex;flex-direction:column;gap:10px}.contactLink{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:background .2s,border-color .2s;cursor:pointer}.contactLink:hover{background:var(--surface-hover);border-color:var(--border-accent)}.contactLinkLeft{display:flex;flex-direction:column;gap:2px}.contactLinkLabel{font-size:14px;font-weight:800}.contactLinkSub{font-size:12px;color:var(--muted)}.copyBtn{all:unset;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:background .2s,border-color .2s;cursor:pointer;width:100%}.copyBtn:hover{background:var(--surface-hover);border-color:var(--border-accent)}.footer{padding:28px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted)}@media(max-width:600px){.heroStats{gap:20px}.navLinks{gap:2px}.navLink{padding:7px 10px;font-size:13px}}