*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg:#070D12;--bg-2:#0f1a20;--panel:rgba(7,13,18,0.65);--panel-solid:#0f1a20;--line:rgba(160,175,188,0.18);--ink:#f0f4f6;--muted:#b8c8d4;--muted-2:#7a8e98;--violet:#8898a8;--violet-bright:#dce6ec;--violet-deep:#1c2530;--violet-ink:#e4ecf0;--glow:rgba(190,202,214,0.40);--glow-soft:rgba(190,202,214,0.16);--sans:"Sora",system-ui,sans-serif;--serif:"Playfair Display",Georgia,serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{width:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);position:relative;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}body.loading{overflow:hidden;height:100vh}::-moz-selection{background:rgba(160,175,188,.35);color:#fff}::selection{background:rgba(160,175,188,.35);color:#fff}a{color:inherit;text-decoration:none}canvas,img,video{display:block;max-width:100%}.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 130% 35% at 25% 88%,rgba(36,50,44,.45),transparent 58%),radial-gradient(ellipse 90% 28% at 72% 92%,rgba(32,46,50,.38),transparent 52%),radial-gradient(ellipse 160% 42% at 50% 102%,rgba(142,155,160,.28),transparent 62%),radial-gradient(ellipse 100% 55% at 50% 55%,rgba(38,52,58,.22),transparent 68%),linear-gradient(180deg,#070D12,#0e181e 20%,#172228 38%,#26343A 60%,#4e636b 80%,#8E9BA0)}.atmos:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 85% 75% at 50% 48%,transparent 38%,rgba(0,0,0,.58) 100%),linear-gradient(180deg,rgba(0,0,0,.48),transparent 28%)}.grain{z-index:60;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#fx,.grain{position:fixed;inset:0;pointer-events:none}#fx{z-index:3}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:max(26px,env(safe-area-inset-top)) max(clamp(20px,4vw,64px),env(safe-area-inset-right)) 26px max(clamp(20px,4vw,64px),env(safe-area-inset-left));transition:background .4s ease,backdrop-filter .4s ease,padding .4s ease,border-color .4s ease;border-bottom:1px solid transparent}.nav.scrolled{background:rgba(6,8,12,.82);backdrop-filter:blur(14px);padding-top:max(16px,env(safe-area-inset-top));padding-bottom:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:.2px;font-size:18px}.brand .mark{width:34px;height:34px;position:relative;display:grid;place-items:center}.brand .mark svg{width:34px;height:34px;filter:drop-shadow(0 0 10px var(--glow))}.nav-links{display:flex;gap:clamp(20px,2.4vw,42px);align-items:center}.nav-links a{font-size:15px;color:var(--muted);font-weight:500;position:relative;padding:6px 0;transition:color .25s}.nav-links a:hover{color:var(--ink)}.nav-links a.active{color:var(--violet-bright)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--violet);border-radius:2px;box-shadow:0 0 10px var(--glow)}.nav-right{display:flex;align-items:center;gap:18px}.social{display:flex;gap:10px}.social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);transition:.25s}.social a:hover{color:#fff;border-color:var(--violet);box-shadow:0 0 16px var(--glow-soft);transform:translateY(-2px)}.social svg{width:17px;height:17px}.btn-outline{border:1px solid var(--violet);color:var(--violet-bright);padding:11px 24px;border-radius:999px;font-weight:600;font-size:14px;letter-spacing:.5px;transition:.25s;background:rgba(140,155,168,.04)}.btn-outline:hover{background:var(--violet);color:#fff;box-shadow:0 0 24px var(--glow)}.burger{display:none;background:transparent;border:0;padding:4px;width:34px;height:30px;cursor:pointer;pointer-events:auto;grid-auto-rows:2px;place-content:center;gap:6px}.burger i{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s ease,opacity .2s ease}.burger.open i:first-child{transform:translateY(8px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:49;background:rgba(6,10,14,.88);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:flex;align-items:center;justify-content:center}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-inner{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;padding:40px}.mobile-menu-inner>a{font-family:var(--serif);font-size:clamp(30px,9vw,46px);font-weight:600;color:var(--ink);letter-spacing:-.5px;opacity:0;transform:translateY(16px);transition:color .2s,opacity .4s ease,transform .4s ease}.mobile-menu.open .mobile-menu-inner>a{opacity:1;transform:none}.mobile-menu.open .mobile-menu-inner>a:first-child{transition-delay:.08s}.mobile-menu.open .mobile-menu-inner>a:nth-child(2){transition-delay:.14s}.mobile-menu.open .mobile-menu-inner>a:nth-child(3){transition-delay:.2s}.mobile-menu.open .mobile-menu-inner>a:nth-child(4){transition-delay:.26s}.mobile-menu-inner>a:active{color:var(--violet-bright)}.mobile-menu-footer{display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:18px}.mobile-lang{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.08em;padding:9px 20px;cursor:pointer;display:flex;gap:6px}.mobile-social{display:flex;gap:16px}.mobile-social a{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.stage{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.char-wrap{position:absolute;right:6%;bottom:0;height:96vh;width:min(46vw,720px);display:flex;align-items:flex-end;justify-content:center;will-change:transform,opacity}.char-glow{bottom:2%;width:120%;height:78%;background:radial-gradient(50% 60% at 50% 60%,rgba(140,155,168,.22),transparent 70%);filter:blur(20px);z-index:-1}.char-floor,.char-glow{position:absolute;left:50%;transform:translateX(-50%)}.char-floor{bottom:4%;width:78%;height:60px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(185,198,210,.3),transparent 72%);filter:blur(8px)}.char-placeholder{width:100%;height:100%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 220' fill='none'%3E%3Ccircle cx='50' cy='26' r='19' stroke='%23c0cdd8' stroke-width='2.5' stroke-opacity='0.85'/%3E%3Ccircle cx='50' cy='26' r='28' stroke='%23788896' stroke-width='0.5' stroke-opacity='0.2'/%3E%3Cline x1='50' y1='45' x2='50' y2='138' stroke='%23c0cdd8' stroke-width='2.5' stroke-linecap='round' stroke-opacity='0.85'/%3E%3Cline x1='50' y1='74' x2='14' y2='112' stroke='%23c0cdd8' stroke-width='2.5' stroke-linecap='round' stroke-opacity='0.75'/%3E%3Cline x1='50' y1='74' x2='86' y2='112' stroke='%23c0cdd8' stroke-width='2.5' stroke-linecap='round' stroke-opacity='0.75'/%3E%3Cline x1='50' y1='138' x2='24' y2='208' stroke='%23c0cdd8' stroke-width='2.5' stroke-linecap='round' stroke-opacity='0.85'/%3E%3Cline x1='50' y1='138' x2='76' y2='208' stroke='%23c0cdd8' stroke-width='2.5' stroke-linecap='round' stroke-opacity='0.85'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.sword{position:absolute;z-index:4;left:calc(50% - clamp(48px, 6.5vw, 90px));bottom:7vh;width:clamp(96px,13vw,180px);height:clamp(380px,54vh,700px);will-change:transform,opacity;transform-origin:50% 50%}.sword-placeholder{width:100%;height:100%}.sword-trail{position:absolute;inset:-40% -120%;background:radial-gradient(40% 60% at 50% 30%,rgba(185,198,210,.3),transparent 70%);filter:blur(16px);opacity:0;z-index:-1}.flash{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(40% 40% at 50% 78%,rgba(220,228,235,.8),rgba(140,155,168,.25) 40%,transparent 70%);mix-blend-mode:screen}.content{z-index:10}.content,section{position:relative}.shell{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}#contact,#projects,#skills,.content{overflow-x:clip}.card .desc,.card h3,.cc-val,.contact-head h2,.hero-lead,.hero-name,.hero-role,.skills-head h2{overflow-wrap:break-word}.contact-grid,.contact-grid>*,.form-row,.form-row>*,.hero-grid,.hero-grid>*,.proj-scatter,.proj-scatter>*,.skill-cards,.skill-cards>*,.skills-grid,.skills-grid>*{min-width:0}.eyebrow{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--violet-bright);font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow .num{color:var(--muted-2)}#hero{min-height:100vh;min-height:100dvh;display:flex;padding:120px 0 70px}#hero,.hero-grid{align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;width:100%}.hero-copy{max-width:560px;margin-left:clamp(-120px,-5vw,-20px)}.hero-name{font-weight:800;line-height:.92;letter-spacing:-2px;font-size:clamp(58px,8.5vw,128px)}.hero-name .grad{background:linear-gradient(110deg,#ffffff,#e2eaf2 24%,#adc0d0 54%,#8898a8 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-role{font-size:clamp(24px,3.4vw,46px);font-weight:600;color:#edf2f6;margin-top:6px;letter-spacing:-.5px;text-shadow:0 2px 22px rgba(0,0,0,.65)}.hero-rule{width:96px;height:3px;background:var(--violet);border-radius:3px;margin:30px 0;box-shadow:0 0 16px var(--glow)}.hero-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:#ccdae4;max-width:460px;text-shadow:0 1px 16px rgba(0,0,0,.55)}.hero-cta{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(120deg,var(--violet-deep),var(--violet));color:#fff;padding:16px 30px;border-radius:14px;font-weight:600;font-size:15px;box-shadow:0 14px 40px rgba(20,26,32,.55);transition:.25s;pointer-events:auto}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(140,155,168,.45)}.btn-primary svg{width:18px;height:18px;transition:transform .25s}.btn-primary:hover svg{transform:translateX(4px)}.btn-ghost{display:inline-flex;align-items:center;padding:16px 30px;border-radius:14px;border:1px solid rgba(200,212,224,.55);color:#fff;font-weight:600;font-size:15px;background:rgba(20,28,36,.45);backdrop-filter:blur(8px);box-shadow:0 4px 18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06);transition:.25s;pointer-events:auto}.btn-ghost:hover{border-color:var(--violet-bright);background:rgba(30,40,50,.6);box-shadow:0 0 24px var(--glow-soft),0 4px 18px rgba(0,0,0,.4)}.hero-feats{display:flex;gap:14px;margin-top:48px;max-width:520px;border:1px solid rgba(160,175,188,.22);border-radius:18px;padding:22px 26px;background:linear-gradient(180deg,rgba(10,12,16,.78),rgba(8,10,14,.62));backdrop-filter:blur(12px)}.feat{display:flex;flex-direction:column;gap:10px;flex:1}.feat .ic{width:30px;height:30px;color:var(--violet-bright)}.feat span{font-size:13.5px;color:#c8d8e2;font-weight:500}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted-2);font-size:11px;letter-spacing:3px;text-transform:uppercase}.scroll-hint .mouse{width:22px;height:34px;border:1.5px solid var(--muted-2);border-radius:12px;position:relative}.scroll-hint .mouse:after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:3px;height:6px;border-radius:2px;background:var(--violet-bright);animation:wheel 1.6s infinite}@keyframes wheel{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}60%{opacity:1;transform:translate(-50%,8px)}to{opacity:0;transform:translate(-50%,8px)}}.reveal-title{position:fixed;inset:0;z-index:6;display:grid;place-items:center;text-align:center;opacity:0;pointer-events:none;padding:0 5%}.reveal-title h2{font-family:var(--serif);font-weight:800;letter-spacing:6px;text-transform:uppercase;font-size:clamp(44px,8vw,120px);line-height:1;background:linear-gradient(120deg,#fff,#b0bfcc 60%,#789098);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(160,175,188,.2);visibility:hidden}.reveal-title{background:radial-gradient(55% 55% at 50% 50%,rgba(140,155,168,.1),transparent 70%)}#projects{padding:40px 0 160px}#proj-content{opacity:0;transform:translateY(24px)}.proj-scatter{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(40px,6vw,120px) clamp(38px,3.6vw,64px)}.proj-col{display:flex;flex-direction:column;gap:clamp(50px,7vw,130px)}.proj-col.right{margin-top:90px}.card{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(160,175,188,.18);background:linear-gradient(180deg,rgba(26,40,46,.72),rgba(14,22,28,.58));backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.02),0 0 60px rgba(142,155,160,.06);will-change:transform;transition:box-shadow .4s,border-color .4s}.card:hover{border-color:rgba(160,175,188,.4);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 80px rgba(142,155,160,.18)}.card .preview{position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line)}.card .preview .badge{position:absolute;top:14px;left:14px;z-index:2;display:flex;align-items:center;gap:7px;background:rgba(8,10,14,.75);border:1px solid var(--line);backdrop-filter:blur(6px);padding:6px 12px;border-radius:999px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--violet-ink);font-weight:600}.card .preview .badge .dot{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px var(--violet)}.card .body{padding:26px 28px 28px}.card h3{font-size:24px;font-weight:700;letter-spacing:-.4px}.card .desc{color:var(--muted);font-size:15px;line-height:1.65;margin:12px 0 18px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.tag{font-size:12.5px;font-weight:500;color:var(--violet-ink);padding:6px 13px;border-radius:8px;background:rgba(140,155,168,.09);border:1px solid rgba(160,175,188,.18)}.card-actions{display:flex;gap:12px}.act-gh{display:inline-flex;align-items:center;gap:9px;flex:1;justify-content:center;background:rgba(8,10,14,.85);border:1px solid var(--line);color:var(--ink);padding:12px 16px;border-radius:12px;font-weight:600;font-size:14px;transition:.25s}.act-gh:hover{border-color:var(--violet);background:rgba(8,10,14,.92)}.act-gh svg{width:16px;height:16px}#skills{padding:140px 0 160px;position:relative}.skills-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:center}.skills-char{position:relative;height:78vh;min-height:520px;display:flex;align-items:center;justify-content:center}.skills-char .holder{position:relative;height:100%;width:min(34vw,440px)}.skills-char .holder:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 50% 42%,rgba(200,215,222,.14),transparent 68%);filter:blur(24px);pointer-events:none;z-index:0}.skills-char .char-placeholder{width:100%;height:100%;transform:rotate(180deg)}.skills-char .ring{bottom:6%;width:80%;height:90px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(190,205,215,.45),transparent 72%);filter:blur(12px)}.skills-char .label,.skills-char .ring{position:absolute;left:50%;transform:translateX(-50%)}.skills-char .label{bottom:-4px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}.skills-head h2{font-family:var(--serif);font-weight:800;font-size:clamp(52px,7vw,104px);line-height:.95;margin:14px 0 18px}.skills-head p{color:var(--muted);font-size:clamp(15px,1.3vw,18px);line-height:1.7;max-width:480px}.skill-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}.skill-card{border:1px solid rgba(142,155,160,.22);border-radius:18px;padding:22px 22px 24px;background:linear-gradient(180deg,rgba(72,90,98,.48),rgba(38,54,62,.38));backdrop-filter:blur(12px);transition:.3s;will-change:transform}.skill-card:hover{border-color:rgba(142,155,160,.42);box-shadow:0 0 40px rgba(142,155,160,.16);transform:translateY(-3px)}.skill-card .sc-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(142,155,160,.22)}.skill-card .sc-head .ic{width:22px;height:22px;color:var(--violet-bright)}.skill-card .sc-head h4{font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600;color:var(--ink)}.skill-list{display:flex;flex-direction:column;gap:11px}.skill-list .it{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--muted);font-weight:500}.skill-list .it .skill-logo{width:18px;height:18px;flex:none;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px var(--glow-soft))}.skill-list .it .skill-logo svg{width:18px;height:18px;color:var(--violet-bright)}@keyframes char-float{0%,to{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(-14px)}}@keyframes sword-float{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.skills-sword{position:absolute;right:3%;top:20%;width:clamp(68px,7.5vw,110px);height:clamp(215px,29vw,400px);transform:rotate(-16deg);filter:drop-shadow(0 0 22px rgba(255,100,180,.65)) drop-shadow(0 0 7px rgba(255,180,230,.35));z-index:3;pointer-events:none}.skills-sword-inner{width:100%;height:100%;animation:sword-float 3.7s ease-in-out infinite;animation-delay:.85s;animation-fill-mode:both}.sk-tilt{opacity:0;transform:rotate(-3deg) translateY(26px);transition:opacity .65s ease var(--sk-d,0s),transform .65s cubic-bezier(.22,.7,.3,1) var(--sk-d,0s)}.sk-tilt.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sk-tilt{opacity:1;transform:none;transition:none}}#contact{padding:120px 0 60px;position:relative}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center}.contact-head h2{font-family:var(--serif);font-weight:700;font-size:clamp(48px,6.5vw,92px);line-height:1.02;margin:16px 0 22px}.contact-head h2 .em{font-style:italic;color:var(--violet-bright)}.contact-head p{color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.8;max-width:440px}.form{margin-top:38px;max-width:520px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.field{position:relative}.field .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted-2);pointer-events:none}.field.area .ic{top:20px;transform:none}.input{width:100%;background:rgba(8,10,14,.65);border:1px solid var(--line);border-radius:12px;padding:15px 16px 15px 44px;color:var(--ink);font-family:var(--sans);font-size:15px;transition:.25s}textarea.input{min-height:140px;resize:vertical}.input::-moz-placeholder{color:var(--muted-2)}.input::placeholder{color:var(--muted-2)}.input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(140,155,168,.12);background:rgba(8,10,14,.75)}.submit{display:inline-flex;align-items:center;gap:11px;margin-top:6px;background:linear-gradient(120deg,var(--violet-deep),var(--violet));color:#fff;border:0;padding:16px 32px;border-radius:12px;font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.5px;cursor:pointer;box-shadow:0 14px 38px rgba(20,26,32,.55);transition:.25s}.submit:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(140,155,168,.45)}.submit svg{width:17px;height:17px}.submit.sent{background:linear-gradient(120deg,#1f7a4d,#28a35f)}footer{border-top:1px solid var(--line);margin-top:80px;padding:30px clamp(20px,4vw,64px);justify-content:space-between;color:var(--muted-2);font-size:13px;gap:16px;flex-wrap:wrap}footer,footer .dots{display:flex;align-items:center}footer .dots{gap:8px;letter-spacing:2px;text-transform:uppercase}footer .dots .d{width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px var(--violet)}#loader{position:fixed;inset:0;z-index:200;background:var(--bg);display:grid;place-items:center;transition:opacity .8s ease,visibility .8s}#loader.gone{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-mark{width:70px;height:70px;margin:0 auto 22px;filter:drop-shadow(0 0 16px var(--glow));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.loader-bar{width:200px;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin:0 auto}.loader-bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--violet),transparent);animation:slide 1.2s linear infinite}@keyframes slide{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}.loader-txt{margin-top:18px;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--muted-2)}.rise{opacity:0;transform:translateY(34px);transition:opacity .7s ease var(--d,0s),transform .7s cubic-bezier(.22,.7,.3,1) var(--d,0s)}.rise.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}}.contact-center{text-align:center;max-width:620px;margin:0 auto 64px}.contact-center .contact-head p{max-width:100%}.contact-cards{display:flex;justify-content:center;gap:clamp(14px,2.2vw,26px);flex-wrap:wrap;margin-bottom:72px}.contact-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:clamp(160px,20vw,230px);padding:34px 20px 28px;border-radius:20px;border:1px solid var(--line);text-decoration:none;background:linear-gradient(180deg,rgba(26,40,46,.68),rgba(14,22,28,.52));backdrop-filter:blur(12px);transition:border-color .3s,box-shadow .3s,transform .3s}.contact-card:hover{border-color:rgba(160,175,188,.4);box-shadow:0 0 48px rgba(140,155,168,.12);transform:translateY(-5px)}.cc-icon{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--violet-bright);background:rgba(140,155,168,.06)}.cc-icon svg{width:20px;height:20px}.cc-lab{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--violet-bright);font-weight:600}.cc-val{font-size:13.5px;color:var(--muted);font-weight:500;word-break:break-all;line-height:1.4}.contact-sword{display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.contact-sword svg{filter:drop-shadow(0 0 12px rgba(140,155,168,.2));animation:sword-sway 5.5s ease-in-out infinite;transform-origin:50% 100%}.contact-sword .ground-line{width:140px;height:1px;background:linear-gradient(90deg,transparent,rgba(160,175,188,.24),transparent)}.contact-sword .ground-glow{width:72px;height:10px;background:radial-gradient(50% 50% at 50% 0,rgba(140,155,168,.25),transparent 70%);filter:blur(3px)}@keyframes sword-sway{0%,to{transform:rotate(-.8deg) translateY(0)}50%{transform:rotate(.8deg) translateY(-4px)}}@keyframes fx-spin{to{transform:rotate(1turn)}}@keyframes fx-shockwave{0%{transform:scale(.1);opacity:1}to{transform:scale(4);opacity:0}}@keyframes fx-smoke-a{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(16px,-20px) scale(1.1);opacity:.8}}@keyframes fx-smoke-b{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(-22px,-28px) scale(1.12);opacity:.6}}@keyframes fx-smoke-c{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(8px,-36px) scale(1.08);opacity:.65}}@keyframes fx-petal{0%{transform:translateY(0) rotate(0deg);opacity:.8}to{transform:translateY(-70px) rotate(1turn);opacity:0}}@keyframes preview-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(5);opacity:0}}@keyframes fx-trail{0%,to{opacity:.4}50%{opacity:.75}}@keyframes fx-cloud-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-16px) scale(1.06)}}@keyframes fx-cloud-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-18px,-22px) scale(1.04)}}@keyframes fx-cloud-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(32px,-10px) scale(1.08)}}@keyframes sky-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.85)}}@keyframes fx-card-petal{0%{translate:0 0;rotate:0deg}22%{translate:3px -11px;rotate:16deg}48%{translate:-2px -7px;rotate:5deg}74%{translate:2px -13px;rotate:-9deg}to{translate:0 0;rotate:0deg}}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr}.char-wrap{right:-6%;opacity:.5;width:70vw}.skills-grid{grid-template-columns:1fr}.skills-char{height:50vh;min-height:380px;order:-1}.contact-grid{grid-template-columns:1fr}}@media (max-width:760px){.card,.card .preview .badge,.contact-card,.skill-card{backdrop-filter:none;-webkit-backdrop-filter:none}.nav.scrolled{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-links,.nav-right{display:none}.burger{display:grid}.nav{padding:max(16px,env(safe-area-inset-top)) 20px 16px}.nav.scrolled{padding:max(12px,env(safe-area-inset-top)) 20px 12px}.brand{font-size:16px;gap:10px}.brand .mark,.brand .mark svg{width:30px;height:30px}#hero{padding:132px 0 40px;min-height:100vh;min-height:100dvh;align-items:flex-start}.hero-copy{max-width:58%;margin-left:0}.hero-name{letter-spacing:-.5px;line-height:.96;font-size:clamp(42px,13vw,64px)}.hero-role{font-size:clamp(16px,4.4vw,24px)}.hero-rule{margin:16px 0;width:60px}.hero-lead{max-width:100%;font-size:clamp(18px,5vw,24px)!important}.hero-cta{gap:10px;margin-top:22px;flex-direction:column;align-items:stretch}.hero-cta .btn-ghost,.hero-cta .btn-primary{justify-content:center;padding:13px 16px;font-size:14px}.scroll-hint{display:flex;bottom:20px}.char-wrap{right:3%;top:4vh;bottom:auto;transform:none;width:52vw;height:68vh;opacity:1}.char-floor,.sword{display:none}#projects{padding:80px 0 100px!important}.proj-scatter{grid-template-columns:1fr;gap:40px}.proj-col.right{margin-top:0}.proj-col{gap:40px}.card h3{font-size:21px}.card .body{padding:20px 20px 22px}#skills{padding:80px 0 90px}.skills-char{height:56vh;min-height:380px}.skills-char .holder{width:42vw}.skills-sword{right:8%;top:12%;width:clamp(50px,14vw,84px);height:clamp(170px,46vw,300px)}.skill-cards{grid-template-columns:1fr;gap:16px;margin-top:30px}#contact{padding:80px 0 40px}.form-row{grid-template-columns:1fr}.contact-cards{gap:14px;margin-bottom:48px}.contact-card{width:100%;max-width:340px;padding:26px 20px}footer{justify-content:center;text-align:center}}@media (max-width:480px){.shell{padding:0 18px}.hero-copy{max-width:60%}.hero-name{font-size:clamp(36px,12vw,52px)}.hero-role{font-size:clamp(15px,4.2vw,20px)}.hero-lead{font-size:clamp(16px,4.6vw,21px)!important}.char-wrap{width:52vw;right:-2%}.tags{gap:7px}.tag{font-size:11.5px;padding:5px 11px}}