.preloader{position:fixed;inset:0;z-index:var(--z-preloader);display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 45%,rgba(61,123,255,.08),transparent 70%),var(--bg-void)}.pl-content{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.pl-stage{position:relative;width:180px;height:180px;display:grid;place-items:center}.pl-ring{position:absolute;inset:0;width:100%;height:100%}.pl-ring-track{fill:none;stroke:var(--border-soft);stroke-width:1}.pl-ring-dash{fill:none;stroke:var(--accent-blue);stroke-width:1.5;stroke-dasharray:10 14;opacity:.7;animation:pl-spin 6s linear infinite;transform-origin:100px 100px}.pl-tick{stroke:var(--accent-cyan);stroke-width:1.5;opacity:.5}.pl-monogram{position:relative;font-family:var(--font-mono);font-weight:700;font-size:2.6rem;letter-spacing:.04em;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.pl-node{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px var(--glow-cyan)}.pl-node-0{top:12%;left:50%}.pl-node-1{top:50%;right:10%}.pl-node-2{bottom:12%;left:50%}.pl-node-3{top:50%;left:10%}.pl-message{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);letter-spacing:.06em;min-height:1.2em}.pl-caret{color:var(--accent-blue-bright);margin-right:.3rem}.pl-dots:after{content:"";animation:pl-dots 1s steps(4,end) infinite}@keyframes pl-spin{to{transform:rotate(360deg)}}@keyframes pl-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (prefers-reduced-motion: reduce){.pl-ring-dash{animation:none}.pl-dots:after{animation:none;content:""}}.cursor-dot,.cursor-ring,.cursor-glow{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-cursor);transition:opacity .3s ease;will-change:transform}.cursor-dot{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--accent-cyan)}.cursor-ring{width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid var(--border-soft);transition:width .25s var(--ease-out),height .25s var(--ease-out),margin .25s var(--ease-out),border-color .25s var(--ease-out),opacity .3s ease}.cursor-ring.is-hover{width:52px;height:52px;margin:-26px 0 0 -26px;border-color:var(--accent-blue-bright);background:#3d7bff0f}.cursor-ring.is-down{width:26px;height:26px;margin:-13px 0 0 -13px}.cursor-glow{width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;background:radial-gradient(circle,rgba(61,123,255,.06),transparent 65%);z-index:-1}.mobile-menu{position:fixed;inset:0;z-index:calc(var(--z-nav) - 1);display:flex;flex-direction:column;justify-content:center;gap:2.5rem;padding:6rem var(--container-pad) 3rem;background:radial-gradient(70% 50% at 80% 10%,rgba(61,123,255,.1),transparent 60%),#06080ef5;backdrop-filter:blur(18px);clip-path:circle(0% at calc(100% - 44px) 44px);transition:clip-path .6s var(--ease-in-out);pointer-events:none;visibility:hidden}.mobile-menu.is-open{clip-path:circle(150% at calc(100% - 44px) 44px);pointer-events:auto;visibility:visible}.mobile-menu-nav{display:flex;flex-direction:column;gap:.4rem}.mobile-link{display:flex;align-items:baseline;gap:1rem;font-size:clamp(1.8rem,9vw,2.6rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);opacity:0;transform:translate(-20px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),color .25s}.mobile-menu.is-open .mobile-link{opacity:1;transform:translate(0)}.mobile-link-index{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--accent-cyan)}.mobile-link.is-active{color:var(--accent-blue-bright)}.mobile-menu-footer{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.mobile-menu-mail{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted)}.mobile-menu-mail:hover{color:var(--accent-blue-bright)}@media (prefers-reduced-motion: reduce){.mobile-menu{transition:opacity .2s ease;clip-path:none;opacity:0}.mobile-menu.is-open{opacity:1}.mobile-link{transition:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);transition:background .35s var(--ease-out),border-color .35s var(--ease-out),backdrop-filter .35s var(--ease-out);border-bottom:1px solid transparent}.navbar.is-scrolled{background:#06080e99;backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--border-hair)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{position:relative;display:inline-flex;align-items:center}.nav-logo-mark{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;letter-spacing:.02em;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent;transition:filter .3s var(--ease-out)}.nav-logo:hover .nav-logo-mark{filter:brightness(1.2)}.nav-logo-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-cyan);margin-left:3px;box-shadow:0 0 8px var(--glow-cyan)}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-link{position:relative;padding:.5rem .85rem;font-size:.9rem;color:var(--text-muted);border-radius:var(--radius-sm);transition:color .25s var(--ease-out)}.nav-link:after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.2rem;height:1.5px;background:var(--grad-accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease-out)}.nav-link:hover,.nav-link.is-active{color:var(--text-strong)}.nav-link.is-active:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-cv{padding:.6rem 1.1rem;font-size:.9rem}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-hair);color:var(--text-primary);background:#ffffff05}@media (max-width: 860px){.nav-links{display:none}.nav-toggle{display:inline-flex}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--z-nav);background:transparent;pointer-events:none}.scroll-progress-bar{height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--grad-accent);box-shadow:0 0 12px var(--glow-blue);will-change:transform}.section-flag{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,12px);z-index:var(--z-nav);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-glass-strong);backdrop-filter:blur(10px);border:1px solid var(--border-hair);padding:.4rem .9rem;border-radius:100px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.section-flag.is-visible{opacity:1;transform:translate(-50%)}@media (max-width: 640px){.section-flag{display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:96px 60px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.particle-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-bg-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,var(--bg-void) 100%);pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;width:100%}.hero-greeting{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.95rem;color:var(--accent-cyan);margin-bottom:1.2rem}.hero-greeting-line{width:34px;height:1px;background:var(--accent-cyan);opacity:.7}.hero-name{font-size:clamp(3rem,9vw,6.6rem);line-height:.98;margin-bottom:1.3rem}.hero-char-wrap{display:inline-block;overflow:hidden;vertical-align:bottom}.hero-char{display:inline-block;background:var(--grad-name);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hero-shimmer 7s var(--ease-in-out) infinite alternate;white-space:pre}@keyframes hero-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero-role{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;font-size:clamp(1.05rem,2.5vw,1.45rem);font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.hero-role-sep{color:var(--accent-blue)}.hero-role-tag{color:var(--text-muted);font-weight:500}.hero-desc{max-width:52ch;color:var(--text-muted);font-size:clamp(1rem,2vw,1.12rem);margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem}.hero-terminal{border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--surface-glass);backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 30px 80px -40px #000000e6}.hero-terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--border-hair);background:#ffffff05}.term-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.term-dot-r{background:#ff5f57}.term-dot-y{background:#febc2e}.term-dot-g{background:#28c840}.term-title{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim)}.hero-terminal-body{padding:1.1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.6rem}.term-row{display:flex;gap:.6rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.4}.term-key{color:var(--accent-blue-bright);flex-shrink:0}.term-val{color:var(--text-primary)}.term-live{align-items:center;margin-top:.3rem;padding-top:.7rem;border-top:1px solid var(--border-hair)}.term-online{color:var(--accent-cyan)}.term-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 0 0 var(--glow-cyan);animation:term-pulse 2.4s ease-out infinite}@keyframes term-pulse{0%{box-shadow:0 0 #2fd4c880}70%{box-shadow:0 0 0 8px #2fd4c800}to{box-shadow:0 0 #2fd4c800}}.hero-scroll{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);z-index:1;display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.hero-scroll svg{animation:hero-bounce 1.8s var(--ease-in-out) infinite}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width: 960px){.hero-inner{grid-template-columns:1fr;gap:2.5rem}.hero-terminal{max-width:420px}}@media (max-width: 600px){.hero{min-height:100svh;padding-block:88px 90px}.hero-scroll{display:none}}@media (prefers-reduced-motion: reduce){.hero-char,.term-pulse{animation:none}.hero-scroll svg{animation:none}}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);margin-top:3rem;align-items:start}.about-text{display:flex;flex-direction:column;gap:1.3rem}.about-paragraph{font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.7;color:var(--text-muted)}.about-mark{--mark-fill: 0%;position:relative;font-weight:600;color:var(--text-dim);background:linear-gradient(90deg,var(--accent-blue-bright) 0%,var(--accent-cyan) 100%);background-size:var(--mark-fill) 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;transition:color .2s}@supports (-webkit-background-clip: text){.about-mark{color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,var(--accent-blue-bright) 0%,var(--accent-cyan) 50%,var(--text-dim) 50%,var(--text-dim) 100%);background-size:200% 100%;background-position:calc(100% - var(--mark-fill)) 0}}.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.about-card{--tx: 0px;--ty: 0px;--mx: 50%;--my: 50%;position:relative;display:flex;flex-direction:column;gap:.9rem;padding:1.4rem;border-radius:var(--radius-md);border:1px solid var(--border-hair);background:var(--surface-glass);overflow:hidden;transform:translate3d(var(--tx),var(--ty),0);transition:transform .3s var(--ease-out),border-color .3s var(--ease-out);min-height:168px}.about-card:hover{border-color:var(--border-accent)}.about-card-glow{position:absolute;inset:0;background:radial-gradient(180px circle at var(--mx) var(--my),rgba(61,123,255,.14),transparent 60%);opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none}.about-card:hover .about-card-glow{opacity:1}.about-card-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;color:var(--accent-cyan);background:#2fd4c814;border:1px solid rgba(47,212,200,.18)}.about-card-title{font-size:1rem;margin-bottom:.35rem;color:var(--text-strong)}.about-card-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.about-card-index{position:absolute;top:1rem;right:1.1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim)}@media (max-width: 960px){.about-grid{grid-template-columns:1fr}}@media (max-width: 460px){.about-cards{grid-template-columns:1fr}.about-card{min-height:0}}:root{--bg-void: #05060a;--bg-base: #080a11;--bg-raised: #0d1019;--bg-anthracite: #12151f;--bg-navy: #0a1120;--surface-glass: rgba(18, 22, 34, .55);--surface-glass-strong: rgba(20, 25, 40, .8);--border-hair: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .12);--border-accent: rgba(56, 132, 255, .4);--text-strong: #f4f7ff;--text-primary: #d7deec;--text-muted: #9aa4bd;--text-dim: #626c85;--accent-blue: #3d7bff;--accent-blue-bright: #5b95ff;--accent-cyan: #2fd4c8;--accent-violet: #8b7bff;--glow-blue: rgba(61, 123, 255, .35);--glow-cyan: rgba(47, 212, 200, .3);--grad-name: linear-gradient(105deg, #f4f7ff 0%, #9db8ff 42%, #3d7bff 68%, #2fd4c8 100%);--grad-accent: linear-gradient(120deg, var(--accent-blue), var(--accent-cyan));--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-section: clamp(5rem, 12vh, 9rem);--container: 1240px;--container-pad: clamp(1.25rem, 5vw, 3rem);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-cursor: 9999;--z-preloader: 9000;--z-nav: 800;--z-modal: 900;--z-lightbox: 950}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);background:var(--bg-void);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}body.custom-cursor-active,body.custom-cursor-active a,body.custom-cursor-active button{cursor:none}h1,h2,h3,h4{line-height:1.08;font-weight:700;letter-spacing:-.02em;color:var(--text-strong);text-wrap:balance}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg,canvas{display:block;max-width:100%}ul{list-style:none;padding:0}:focus-visible{outline:2px solid var(--accent-blue-bright);outline-offset:3px;border-radius:4px}::selection{background:var(--accent-blue);color:#fff}.bg-grid{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(var(--border-hair) 1px,transparent 1px),linear-gradient(90deg,var(--border-hair) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%);pointer-events:none}.bg-aura{position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 15% 0%,rgba(61,123,255,.1),transparent 60%),radial-gradient(50% 40% at 90% 20%,rgba(47,212,200,.07),transparent 60%);pointer-events:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--container-pad)}.section{position:relative;padding-block:var(--space-section);scroll-margin-top:84px}.section-label{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:1rem}.section-label:before{content:"";width:28px;height:1px;background:var(--accent-cyan);opacity:.6}.section-title{font-size:clamp(2rem,5vw,3.4rem);margin-bottom:1rem}.section-intro{color:var(--text-muted);max-width:54ch;font-size:clamp(1rem,2vw,1.1rem)}.text-accent{color:var(--accent-blue-bright)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-60px;z-index:var(--z-cursor);background:var(--accent-blue);color:#fff;padding:.7rem 1.1rem;border-radius:var(--radius-sm);transition:top .2s var(--ease-out)}.skip-link:focus{top:1rem}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.5rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;letter-spacing:.01em;transition:transform .25s var(--ease-out),background .25s var(--ease-out),border-color .25s var(--ease-out),color .25s var(--ease-out);border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--grad-accent);color:#06121f;box-shadow:0 8px 30px -12px var(--glow-blue)}.btn-primary:hover{box-shadow:0 14px 40px -12px var(--glow-blue)}.btn-ghost{border-color:var(--border-soft);color:var(--text-primary);background:#ffffff05}.btn-ghost:hover{border-color:var(--border-accent);color:var(--text-strong)}.btn-disabled{border-color:var(--border-hair);color:var(--text-dim);background:#ffffff04;cursor:not-allowed}.btn-disabled:hover{transform:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:hover{transform:none}}