@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Orbitron:wght@500;600;700&display=swap";:root{--bg:#030611;--bg-soft:#07101f;--text:#eef7ff;--muted:#94a7bd;--dim:#607086;--cyan:#5ee7ff;--mint:#7cffcb;--violet:#8b5cf6;--blue:#2f80ff;--glass:#ffffff13;--glass-strong:#ffffff1f;--stroke:#ffffff2e;--stroke-soft:#ffffff17;--shadow:0 28px 90px #00000073;--radius-xl:34px;--radius-lg:26px;--radius-md:18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body::selection{background:#5ee7ff47}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.dynamic-bg{z-index:-2;background:radial-gradient(circle at 50% -10%,#5ee7ff29,#0000 34%),linear-gradient(145deg,#030611 0%,#061022 45%,#02040b 100%);position:fixed;inset:0;overflow:hidden}.aurora{aspect-ratio:1;filter:blur(50px);opacity:.5;mix-blend-mode:screen;border-radius:999px;width:46vw;animation:18s ease-in-out infinite alternate drift;position:absolute}.aurora-one{background:#2f80ff94;top:8vh;left:-12vw}.aurora-two{background:#8b5cf68c;animation-delay:-6s;top:4vh;right:-10vw}.aurora-three{background:#7cffcb47;animation-delay:-11s;bottom:-22vh;left:34vw}.perspective-grid{transform-origin:bottom;background-image:linear-gradient(#5ee7ff29 1px,#0000 1px),linear-gradient(90deg,#5ee7ff26 1px,#0000 1px);background-size:58px 58px;height:72%;animation:14s linear infinite gridFlow;position:absolute;bottom:-26%;left:-10%;right:-10%;transform:perspective(760px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 22%,#000c);mask-image:linear-gradient(#0000 22%,#000c)}.neural-field span{--size:calc(3px + (var(--i) % 4) * 1px);left:calc((var(--i) * 43px) % 100vw);top:calc(12vh + (var(--i) * 37px) % 68vh);width:var(--size);height:var(--size);animation:3.5s ease-in-out infinite pulseNode;animation-delay:calc(var(--i) * -.18s);background:#7cffcbe6;border-radius:50%;position:absolute;box-shadow:0 0 18px #7cffcbb3}.grain{opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.nav-shell{z-index:10;border:1px solid var(--stroke);-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#050a1694;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 32px);padding:12px 14px 12px 18px;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000047,inset 0 1px #ffffff1a}.brand,.nav-shell nav{align-items:center;display:flex}.brand{letter-spacing:-.02em;gap:10px;font-weight:700}.brand-mark{color:#021018;background:linear-gradient(135deg, var(--cyan), var(--mint));border-radius:50%;place-items:center;width:32px;height:32px;font-family:Orbitron,sans-serif;font-size:12px;display:grid;box-shadow:0 0 24px #5ee7ff66}.nav-shell nav{gap:4px}.nav-shell nav a{color:#eef7ffb8;border-radius:999px;padding:9px 13px;font-size:14px;transition:all .18s}.nav-shell nav a:hover{color:var(--text);background:#ffffff17}main{width:min(1180px,100% - 36px);margin:0 auto;padding:128px 0 56px}section{scroll-margin-top:120px}.section-depth{animation:both sectionIn;animation-timeline:view();animation-range:entry cover 34%}.hero-section{perspective:1200px;grid-template-columns:minmax(0,1.04fr) minmax(340px,.78fr);align-items:center;gap:56px;min-height:calc(100vh - 128px);display:grid}.hero-copy{z-index:1;position:relative}.status-pill,.eyebrow,.section-heading span{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;font-size:12px;font-weight:700;display:inline-flex}.status-pill{background:#7cffcb12;border:1px solid #7cffcb40;border-radius:999px;padding:9px 13px;box-shadow:inset 0 1px #ffffff14}.status-pill span,.signal-dot{background:var(--mint);width:8px;height:8px;box-shadow:0 0 18px var(--mint);border-radius:50%}h1,h2,h3,p{margin:0}h1{letter-spacing:-.075em;max-width:850px;margin-top:24px;font-size:clamp(48px,8vw,104px);line-height:.92}h1 em{color:#0000;letter-spacing:-.05em;background:linear-gradient(115deg, #fff 12%, var(--cyan) 42%, var(--violet) 82%);filter:drop-shadow(0 0 28px #5ee7ff38);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-style:normal;display:block}.hero-lead{color:#eef7ffbd;max-width:720px;margin-top:28px;font-size:clamp(17px,2vw,21px);line-height:1.75}.hero-actions,.contact-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-action,.secondary-action,.contact-actions a{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex;position:relative;overflow:hidden}.primary-action{color:#03101b;background:linear-gradient(135deg, var(--cyan), var(--mint));box-shadow:0 18px 48px #5ee7ff47}.secondary-action,.contact-actions a{border:1px solid var(--stroke);color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12}.primary-action:hover,.secondary-action:hover,.contact-actions a:hover{transform:translateY(-3px)}.secondary-action:hover,.contact-actions a:hover{background:#5ee7ff17;border-color:#5ee7ff7a}.tag-rack,.mini-tags{flex-wrap:wrap;gap:10px;display:flex}.tag-rack{margin-top:26px}.tag-rack span,.mini-tags span{border:1px solid var(--stroke-soft);color:#eef7ffb8;background:#ffffff0e;border-radius:999px}.tag-rack span{padding:8px 12px;font-size:13px}.hero-visual{min-height:580px;transform-style:preserve-3d;place-items:center;display:grid;position:relative}.liquid-orb{aspect-ratio:1;filter:blur(.2px);opacity:.72;background:radial-gradient(circle at 35% 28%,#ffffffc7,#0000 0 8%,#0000 18%),radial-gradient(circle at 68% 72%,#7cffcb6b,#0000 32%),linear-gradient(135deg,#5ee7ff57,#8b5cf633);border-radius:45% 55% 58% 42%/42% 45% 55% 58%;width:min(460px,78vw);animation:9s ease-in-out infinite alternate morph,7s ease-in-out infinite float;position:absolute;box-shadow:inset 0 0 70px #ffffff24,0 0 110px #5ee7ff38}.glass-panel{border:1px solid var(--stroke);box-shadow:var(--shadow), inset 0 1px 0 #ffffff21;-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);background:linear-gradient(145deg,#ffffff1d,#ffffff0b);position:relative}.profile-card{border-radius:var(--radius-xl);width:min(390px,100%);min-height:510px;transform-style:preserve-3d;padding:28px;animation:6s ease-in-out infinite alternate cardHover;overflow:hidden;transform:rotateX(8deg)rotateY(-12deg)translateZ(40px)}.profile-card:before,.skill-card:before,.project-card:before,.contact-section:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff29,#0000 55%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.profile-card:hover:before,.skill-card:hover:before,.project-card:hover:before,.contact-section:hover:before{transform:translate(120%)}.card-orbit{border:1px solid #5ee7ff47;border-radius:50%;width:160px;height:160px;position:absolute;inset:46px 30px auto auto;transform:rotateX(72deg)rotate(18deg)}.profile-topline{color:#eef7ffb8;align-items:center;gap:10px;font-size:13px;display:flex}.avatar-core{color:#03101b;background:linear-gradient(135deg, var(--cyan), var(--mint));border:1px solid #5ee7ff59;border-radius:38px;place-items:center;width:138px;height:138px;margin:54px auto 34px;font-family:Orbitron,sans-serif;font-size:34px;font-weight:700;display:grid;position:relative;box-shadow:0 24px 80px #5ee7ff42}.avatar-ring{border:1px dashed #7cffcb73;border-radius:48px;animation:18s linear infinite rotate;position:absolute;inset:-18px}.profile-card h2{letter-spacing:-.04em;text-align:center;font-size:30px}.profile-card p{color:var(--muted);text-align:center;margin-top:8px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px;display:grid}.metric-grid div{border:1px solid var(--stroke-soft);border-radius:var(--radius-md);background:#0000002e;padding:16px}.metric-grid strong{font-family:Orbitron,sans-serif;font-size:25px;display:block}.metric-grid span{color:var(--dim);font-size:12px}.terminal-strip{color:var(--mint);background:#00000038;border:1px solid #7cffcb2b;border-radius:16px;align-items:center;gap:8px;margin-top:22px;padding:14px;font-family:Orbitron,monospace;font-size:12px;display:flex}.cursor{background:var(--mint);width:8px;height:16px;animation:1s steps(2,end) infinite blink}.story-section,.skills-section,.projects-section,.philosophy-section,.contact-section{margin-top:110px}.section-heading{max-width:780px;margin-bottom:32px}.section-heading h2,.contact-section h2{letter-spacing:-.06em;margin-top:12px;font-size:clamp(34px,5vw,62px);line-height:1}.section-heading p,.contact-section p{color:#eef7ffad;margin-top:18px;font-size:18px;line-height:1.75}.timeline-3d,.skill-grid,.project-grid{gap:18px;display:grid}.timeline-3d{perspective:1000px;grid-template-columns:repeat(3,1fr)}.timeline-node,.skill-card,.project-card{border-radius:var(--radius-lg);transition:transform .24s,border-color .24s,background .24s;overflow:hidden}.timeline-node{padding:24px;transform:translateZ(0)rotateX(0)}.timeline-node:hover,.skill-card:hover,.project-card:hover{background:linear-gradient(145deg,#5ee7ff1f,#ffffff0e);border-color:#5ee7ff61;transform:translateY(-8px)rotateX(3deg)}.node-index,.project-status{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:12px}.timeline-node h3,.skill-card h3,.project-card h3{letter-spacing:-.04em;margin-top:18px;font-size:25px}.timeline-node p,.skill-card p,.project-card p{color:#eef7ffa8;margin-top:12px;line-height:1.68}.skill-grid{grid-template-columns:repeat(4,1fr)}.skill-card{min-height:330px;padding:24px}.mini-tags{margin-top:22px}.mini-tags span{padding:7px 10px;font-size:12px}.project-grid{grid-template-columns:repeat(3,1fr)}.project-card{min-height:300px;padding:26px}.philosophy-section{gap:14px;display:grid}.philosophy-section p{color:#eef7ffe6;letter-spacing:-.055em;background:linear-gradient(90deg,#5ee7ff21,#0000);border-left:1px solid #5ee7ff80;padding:28px;font-size:clamp(24px,4vw,45px);font-weight:700;line-height:1.12}.contact-section{border-radius:var(--radius-xl);padding:clamp(28px,6vw,58px);overflow:hidden}.contact-actions a{min-width:116px}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(8vw,6vh)scale(1.12)}}@keyframes gridFlow{0%{background-position:0 0}to{background-position:0 58px}}@keyframes pulseNode{0%,to{opacity:.28;transform:scale(.8)}50%{opacity:1;transform:scale(1.45)}}@keyframes morph{0%{border-radius:45% 55% 58% 42%/42% 45% 55% 58%}to{border-radius:58% 42% 43% 57%/55% 42% 58% 45%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-24px)rotate(8deg)}}@keyframes cardHover{0%{transform:rotateX(8deg)rotateY(-12deg)translateZ(40px)translateY(0)}to{transform:rotateX(4deg)rotateY(-6deg)translateZ(62px)translateY(-14px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes sectionIn{0%{opacity:0;transform:translateY(70px)translateZ(-120px)scale(.96)}to{opacity:1;transform:translateY(0)translateZ(0)scale(1)}}@media (width<=980px){.nav-shell{top:14px}.nav-shell nav{display:none}main{width:min(100% - 28px,760px);padding-top:104px}.hero-section{grid-template-columns:1fr;gap:28px}.hero-visual{min-height:440px}.profile-card{transform:none}.timeline-3d,.project-grid{grid-template-columns:1fr}.skill-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){h1{font-size:clamp(42px,14vw,64px)}.hero-actions,.contact-actions{flex-direction:column}.primary-action,.secondary-action,.contact-actions a{width:100%}.skill-grid{grid-template-columns:1fr}.story-section,.skills-section,.projects-section,.philosophy-section,.contact-section{margin-top:74px}.profile-card{min-height:auto}.liquid-orb{width:92vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.section-depth{animation:none}}