@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";*,:before,:after{--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 / .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 / .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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{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{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{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}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-x-0{left:0;right:0}.-top-8{top:-2rem}.bottom-full{bottom:100%}.left-1\/2{left:50%}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.w-10{width:2.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-fit{width:-moz-fit-content;width:fit-content}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.whitespace-pre{white-space:pre}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pb-3{padding-bottom:.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media (prefers-color-scheme: dark){.dark\:border-neutral-900{--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))}.dark\:bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.dark\:text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}:root{--bg-deep: #050A14;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--accent-cyan: #00D4FF;--accent-cyan-dim: rgba(0, 212, 255, .15);--accent-purple: #7B2FFF;--accent-purple-dim: rgba(123, 47, 255, .15);--accent-gold: #FFB830;--accent-gold-dim: rgba(255, 184, 48, .15);--text-primary: #E8EAFF;--text-secondary: #A0AABA;--text-muted: #5A6475;--border-subtle: rgba(255, 255, 255, .08);--theme-accent: #00D4FF;--theme-accent-dim: rgba(0, 212, 255, .12);--theme-accent-mid: rgba(0, 212, 255, .25);--theme-accent-glow: rgba(0, 212, 255, .35);--theme-accent-border: rgba(0, 212, 255, .3);--theme-grid-line: rgba(0, 212, 255, .03);--border-glow: rgba(0, 212, 255, .2);--grad-hero: linear-gradient(135deg, #050A14 0%, #0A1628 50%, #050A14 100%);--grad-primary: linear-gradient(135deg, var(--theme-accent), #0099CC);--grad-cyan: linear-gradient(135deg, var(--accent-cyan), #0099CC);--grad-purple: linear-gradient(135deg, var(--accent-purple), #4A0FBF);--grad-text: linear-gradient(135deg, var(--theme-accent) 0%, var(--accent-purple) 100%);--section-padding: clamp(3rem, 8vw, 6rem);--card-radius: 16px;--nav-height: 72px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow-cyan: 0 0 20px rgba(0, 212, 255, .3);--shadow-glow-purple: 0 0 20px rgba(123, 47, 255, .3);--shadow-glow-theme: 0 0 20px var(--theme-accent-glow)}[data-role=pm]{--theme-accent: #FFB830;--theme-accent-dim: rgba(255, 184, 48, .1);--theme-accent-mid: rgba(255, 184, 48, .22);--theme-accent-glow: rgba(255, 184, 48, .38);--theme-accent-border: rgba(255, 184, 48, .3);--theme-grid-line: rgba(255, 184, 48, .025);--border-glow: rgba(255, 184, 48, .2);--grad-primary: linear-gradient(135deg, #FFB830, #FF8C00);--grad-text: linear-gradient(135deg, #FFB830 0%, #FF6B35 100%);--shadow-glow-theme: 0 0 20px rgba(255, 184, 48, .35)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--theme-accent) transparent}html::-webkit-scrollbar{width:4px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--theme-accent);border-radius:2px;-webkit-transition:background .4s ease;transition:background .4s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.7;color:var(--text-primary);background:var(--bg-deep);background-attachment:fixed;font-size:16px;letter-spacing:-.01em;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--theme-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--theme-grid-line) 1px,transparent 1px);background-size:50px 50px;background-attachment:fixed;pointer-events:none;z-index:0;transition:background-image .5s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E");background-attachment:fixed;pointer-events:none;z-index:1;opacity:.7}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary)}.gradient-text{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--theme-accent);margin-bottom:1rem;transition:color .4s ease}.section-label:before{content:"";display:block;width:24px;height:1px;background:var(--theme-accent);transition:background .4s ease}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--card-radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-4px);box-shadow:var(--shadow-card),var(--shadow-glow-theme)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .4s ease;text-decoration:none;border:none;background:var(--grad-primary);color:#000;box-shadow:var(--shadow-glow-theme)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--theme-accent-glow)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .4s ease;text-decoration:none;background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{border-color:var(--theme-accent);color:var(--theme-accent);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.tech-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .85rem;border-radius:50px;background:var(--bg-card);border:1px solid var(--border-subtle);font-size:.78rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-chip:hover{border-color:var(--theme-accent);color:var(--theme-accent);background:var(--theme-accent-dim);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--theme-accent-dim)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height, 72px);overflow:hidden}.hero__canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.hero__orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.hero__orb--cyan{width:clamp(300px,50vw,600px);height:clamp(300px,50vw,600px);background:radial-gradient(circle,rgba(0,212,255,.12) 0%,transparent 70%);top:-10%;right:-10%}.hero__orb--purple{width:clamp(200px,40vw,500px);height:clamp(200px,40vw,500px);background:radial-gradient(circle,rgba(123,47,255,.1) 0%,transparent 70%);bottom:10%;left:-5%}.hero__content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,5vw,3rem);width:100%}.hero__status{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--text-secondary, #A0AABA);background:#00d4ff14;border:1px solid rgba(0,212,255,.2);padding:.4rem 1rem;border-radius:50px;margin-bottom:1.5rem;letter-spacing:.05em}.hero__status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-status 2s ease-in-out infinite}@keyframes pulse-status{0%,to{box-shadow:0 0 8px #22c55e}50%{box-shadow:0 0 16px #22c55e,0 0 4px #22c55e}}.hero__role-banner{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;border-radius:50px;border:1px solid;margin-bottom:1.25rem;transition:all .4s ease;font-family:Inter,sans-serif}.hero__role-banner-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:pulse-status 2s ease-in-out infinite}.hero__role-banner-sep{color:#fff3;font-size:.75rem}.hero__name{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary, #E8EAFF);margin-bottom:.6rem;transform-origin:top left;transition:transform .1s linear,opacity .1s linear;will-change:transform,opacity}.hero__headline{font-size:clamp(1rem,2.5vw,1.35rem);font-weight:700;margin-bottom:.2rem;transition:color .35s ease;letter-spacing:-.01em}.hero__subheadline{font-size:clamp(.8rem,1.8vw,.95rem);color:#ffffffb3;margin-bottom:.5rem;font-weight:400;line-height:1.5;max-width:580px}.hero__roles{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.hero__role-badge{display:inline-flex;align-items:center;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:700;letter-spacing:.04em;padding:.4rem 1rem;border-radius:50px;border:1.5px solid;transition:transform .2s ease,box-shadow .2s ease}.hero__role-badge:hover{transform:translateY(-2px)}.hero__role-badge--purple{color:#b060ff;background:#7b2fff1f;border-color:#7b2fff59;box-shadow:0 0 12px #7b2fff26}.hero__role-badge--purple:hover{box-shadow:0 0 20px #7b2fff4d}.hero__role-badge--cyan{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff59;box-shadow:0 0 12px #00d4ff26}.hero__role-badge--cyan:hover{box-shadow:0 0 20px #00d4ff4d}.hero__role-badge--gold{color:#ffb830;background:#ffb8301a;border-color:#ffb83059;box-shadow:0 0 12px #ffb83026}.hero__role-badge--gold:hover{box-shadow:0 0 20px #ffb8304d}.hero__tagline{font-size:clamp(.9rem,2.2vw,1.1rem);color:var(--text-secondary, #A0AABA);line-height:1.8;max-width:560px;margin-bottom:2rem}.hero__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;max-width:600px}.hero__ctas{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;margin-bottom:3.5rem}.hero__socials{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.hero__social-link{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem 1.25rem;border-radius:14px;background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border-subtle, rgba(255,255,255,.15));color:var(--text-primary, #E8EAFF);font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.hero__social-link svg{font-size:1.35rem;flex-shrink:0}.hero__social-link:hover{background:#00d4ff1f;border-color:#00d4ff66;color:var(--accent-cyan, #00D4FF);transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff33}.hero__social-link--linkedin:hover{background:#0a66c226;border-color:#0a66c280;color:#0a66c2}.hero__social-link--leetcode:hover{background:#ffa11626;border-color:#ffa11680;color:#ffa116}.hero__social-link--email:hover{background:#ffb8301a;border-color:#ffb83066;color:var(--accent-gold, #FFB830)}.hero__scroll-indicator{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted, #5A6475);z-index:1}.hero__scroll-arrow{font-size:1.2rem;color:var(--theme-accent, #00D4FF);animation:bounce-arrow 1.8s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:3.5rem;align-items:center;width:100%}.hero__text-side{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.hero__image-side{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.hero__image-column{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.hero__role-banner--right{margin-bottom:.25rem}.hero__spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,212,255,.07),transparent 40%);pointer-events:none;z-index:1}.hero__image-wrapper{position:relative;width:clamp(280px,35vw,400px);height:clamp(280px,35vw,400px);display:flex;justify-content:center;align-items:center;padding:10px;transform-origin:top right;transition:transform .1s linear,opacity .1s linear;will-change:transform,opacity}.hero__image-ring{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(135deg,var(--theme-accent, #00D4FF),rgba(123,47,255,.4),var(--theme-accent, #00D4FF));padding:3px;animation:ring-pulse 4s ease-in-out infinite alternate;pointer-events:none;transition:all .4s ease}@keyframes ring-pulse{0%{transform:scale(1) rotate(0);opacity:.8}to{transform:scale(1.03) rotate(3deg);opacity:1;filter:drop-shadow(0 0 20px var(--theme-accent-glow))}}.hero__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background-color:#050a1499;transition:transform .5s cubic-bezier(.165,.84,.44,1),filter .3s ease}.hero__image:hover{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.hero__floating-badge{position:absolute;bottom:-15px;right:-10px;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;background:#050a14d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);font-size:.78rem;font-weight:700;color:var(--text-primary, #E8EAFF);box-shadow:0 10px 30px #00000080,0 0 20px var(--theme-accent-glow);animation:float-badge 3.5s ease-in-out infinite alternate;z-index:5;white-space:nowrap}.hero__badge-pulse{width:8px;height:8px;border-radius:50%;animation:pulse-status 2s ease-in-out infinite}@keyframes float-badge{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (max-width: 992px){.hero__grid{gap:2rem}}@media (max-width: 768px){.hero__grid{grid-template-columns:1fr;gap:3rem}.hero__text-side{align-items:center;order:2}.hero__image-side{order:1}.hero__image-wrapper{width:min(250px,55vw);height:min(250px,55vw);margin:0 auto;transform:translateY(-30px)}.hero__chips{justify-content:center;margin:0 auto 2.5rem}.hero__roles,.hero__ctas,.hero__socials{justify-content:center}.hero__tagline{margin-left:auto;margin-right:auto;text-align:center}.hero__content{text-align:center}}@media (max-width: 480px){.hero__ctas{flex-direction:column;align-items:stretch}.hero__ctas .btn-primary,.hero__ctas .btn-secondary{justify-content:center;width:100%}.hero__scroll-indicator{display:none}.hero__chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;scrollbar-width:none}.hero__chips::-webkit-scrollbar{display:none}}:root{--primary-text: #000000}.cursor{position:fixed;width:20px;height:20px;border:1px solid #ffffff;border-radius:50%;pointer-events:none;z-index:9999;transition:opacity .2s ease;opacity:1;visibility:visible;will-change:transform;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-dot{position:fixed;width:4px;height:4px;background:#fff;border-radius:50%;pointer-events:none;z-index:10000;transition:opacity .2s ease;opacity:1;visibility:visible;will-change:transform;transform:translate(-50%,-50%);mix-blend-mode:difference}html,body,*{cursor:none!important}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 clamp(1rem,4vw,2.5rem);height:var(--nav-height, 72px);transition:all .3s ease}.navbar--scrolled{background:#050a14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--theme-accent-border, rgba(0, 212, 255, .1));box-shadow:0 4px 24px #0006;transition:border-color .4s ease}.navbar__inner{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:2rem}.navbar__logo{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;padding:0;margin-right:auto;text-decoration:none;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.navbar__logo--visible{opacity:1;transform:translateY(0);pointer-events:auto}.navbar__logo-pk{font-family:Outfit,Inter,sans-serif;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:900;background:linear-gradient(135deg,var(--theme-accent, #00D4FF),#7B2FFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;white-space:nowrap;transition:all .3s ease}.navbar__logo:hover .navbar__logo-pk{transform:scale(1.04);filter:drop-shadow(0 0 12px var(--theme-accent-glow, rgba(0, 212, 255, .6)))}.navbar__links{display:flex;align-items:center;gap:.35rem;background:#ffffff08;padding:.25rem .5rem;border-radius:50px;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar__link{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-secondary, #A0AABA);padding:.45rem 1.1rem;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.navbar__link:after{display:none}.navbar__link:hover{color:#fff;background:var(--theme-accent-dim, rgba(0, 212, 255, .12));border-color:var(--theme-accent-border, rgba(0, 212, 255, .3));box-shadow:0 0 12px var(--theme-accent-dim)}.navbar__resume-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--theme-accent-dim, rgba(0, 212, 255, .15));border:1px solid var(--theme-accent, #00D4FF);color:var(--theme-accent, #00D4FF);font-family:Inter,sans-serif;font-size:.82rem;font-weight:700;padding:.45rem 1.1rem;border-radius:50px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px var(--theme-accent-glow)}.navbar__resume-btn:hover{background:var(--theme-accent, #00D4FF);color:#050a14;transform:translateY(-1px);box-shadow:0 0 18px var(--theme-accent, #00D4FF)}.navbar__cta{background:var(--grad-primary, linear-gradient(135deg, #00D4FF, #0099CC));color:#000;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;padding:.5rem 1.25rem;border-radius:50px;transition:all .4s ease;box-shadow:0 0 15px var(--theme-accent-glow, rgba(0, 212, 255, .3));white-space:nowrap}.navbar__cta:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--theme-accent-glow, rgba(0, 212, 255, .5))}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:border-color .2s}.navbar__hamburger:hover{border-color:#00d4ff66}.navbar__hamburger span{display:block;width:20px;height:2px;background:var(--text-primary, #E8EAFF);border-radius:1px;transition:all .3s ease;transform-origin:center}.navbar__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease}.drawer-overlay--visible{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:#050a14f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(0,212,255,.15);z-index:1002;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);padding:1.5rem}.mobile-drawer--open{transform:translate(0)}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2rem}.mobile-drawer__close{background:none;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #A0AABA);cursor:pointer;width:36px;height:36px;border-radius:8px;font-size:1rem;transition:all .2s}.mobile-drawer__close:hover{border-color:#00d4ff80;color:#00d4ff}.mobile-drawer__nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.mobile-drawer__resume-btn{display:flex;align-items:center;justify-content:center;background:var(--theme-accent-dim, rgba(0, 212, 255, .15));border:1px solid var(--theme-accent, #00D4FF);color:var(--theme-accent, #00D4FF);font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;padding:.85rem 1rem;border-radius:12px;text-decoration:none;margin-bottom:.75rem;box-shadow:0 0 12px var(--theme-accent-glow);transition:all .25s ease}.mobile-drawer__resume-btn:hover{background:var(--theme-accent, #00D4FF);color:#050a14}.mobile-drawer__link{display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;color:var(--text-secondary, #A0AABA);padding:1rem .75rem;border-radius:10px;text-align:left;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.04)}.mobile-drawer__link:hover{background:#00d4ff0d;color:#e8eaff;padding-left:1.25rem}.mobile-drawer__arrow{color:#00d4ff80;font-size:.9rem;transition:transform .2s}.mobile-drawer__link:hover .mobile-drawer__arrow{transform:translate(4px);color:#00d4ff}.mobile-drawer__footer{padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.mobile-drawer__footer .btn-primary{width:100%;justify-content:center;font-size:1rem;padding:.875rem 1.5rem}.role-switcher{display:flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:.3rem}.role-pill{display:flex;align-items:center;gap:.3rem;background:transparent;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#ffffff73;padding:.3rem .65rem;border-radius:50px;transition:all .25s ease;white-space:nowrap}.role-pill:hover{color:#fffc;background:#ffffff12}.role-pill__emoji{font-size:.85rem;line-height:1}.role-pill__label{line-height:1}.role-pill--purple.role-pill--active{background:#7b2fff40;color:#b060ff;box-shadow:0 0 12px #7b2fff59}.role-pill--cyan.role-pill--active{background:#00d4ff2e;color:#00d4ff;box-shadow:0 0 12px #00d4ff59}.role-pill--gold.role-pill--active{background:#ffb8302e;color:#ffb830;box-shadow:0 0 12px #ffb83059}.role-pill--gold:last-child.role-pill--active{background:#ff6b352e;color:#ff6b35;box-shadow:0 0 12px #ff6b3559}.mobile-role-switcher{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-role-label{font-size:.75rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-family:Inter,sans-serif}.mobile-role-pills{display:flex;gap:.4rem;flex-wrap:wrap}.mobile-role-pills .role-pill{font-size:.8rem;padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}@media (max-width: 900px){.role-switcher{display:none}}@media (max-width: 768px){.navbar{padding:0 .5rem;height:auto;min-height:54px}.navbar__inner{padding:.35rem .2rem;justify-content:center;width:100%;gap:0}.navbar__logo{display:none!important}.navbar__links{display:flex;align-items:center;justify-content:center;width:auto;max-width:100%;gap:.25rem;padding:.2rem .4rem;border-radius:50px;overflow:hidden;margin:0 auto}.navbar__link{font-size:.72rem;font-weight:600;padding:.35rem .55rem;white-space:nowrap;flex:0 0 auto;text-align:center}.navbar__resume-btn{font-size:.72rem;font-weight:700;padding:.35rem .6rem;white-space:nowrap;flex:0 0 auto;text-align:center}.navbar__hamburger{display:none!important}}.mobile-drawer,.drawer-overlay{display:none!important}.about-skills-section{padding:var(--section-padding, 5rem) clamp(1.5rem,5vw,3rem);position:relative;z-index:1}.about-skills-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:start}.about-block{position:sticky;top:calc(var(--nav-height, 72px) + 2rem)}.about-block .section-label{font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:800;letter-spacing:.16em;margin-bottom:1rem}.about-heading{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;line-height:1.25;margin-bottom:1.25rem;color:var(--text-primary, #E8EAFF)}.about-para{font-size:clamp(.875rem,1.8vw,.97rem);color:var(--text-secondary, #A0AABA);line-height:1.85;margin-bottom:1rem}.about-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0;width:100%}.about-stat-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1rem .6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.intern-hover-popup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(8px);display:flex;gap:.6rem;background:#080c18fa;border:1px solid rgba(0,212,255,.3);border-radius:16px;padding:.65rem;width:420px;min-height:225px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1);z-index:999;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 50px #000000d9,0 0 30px #00d4ff26}.intern-hover-popup:after{content:"";position:absolute;bottom:-18px;left:-10px;right:-10px;height:20px;background:transparent}.about-stat-item:hover .intern-hover-popup,.intern-hover-popup:hover{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.intern-popup-arrow{position:absolute;bottom:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#080c18fa;border-right:1px solid rgba(0,212,255,.3);border-bottom:1px solid rgba(0,212,255,.3);z-index:100}.intern-popup-card{flex:1;display:flex;flex-direction:column;background:#ffffff0a;border:1px solid rgba(0,212,255,.18);border-radius:12px;position:relative;overflow:hidden;transition:background .25s ease,border-color .25s ease,transform .25s ease}.intern-popup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4ff,#7b2fff);z-index:3}.intern-popup-card--ibm:before{background:linear-gradient(90deg,#1f70c1,#60aee8)}.intern-card-compact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;padding:.65rem .5rem;height:100%;transition:opacity .2s ease}.intern-popup-badge{font-size:.58rem;font-weight:800;padding:2px 7px;border-radius:20px;background:#00d4ff1f;border:1px solid rgba(0,212,255,.3);color:#00d4ff;letter-spacing:.04em}.ibm-popup-badge{background:#1f70c126;border-color:#60aee859;color:#60aee8}.intern-popup-emoji{font-size:1.1rem;margin:.2rem 0 .1rem}.intern-popup-company{font-size:.64rem;font-weight:800;color:#e8eaff;margin:0;line-height:1.3;white-space:normal;text-align:center}.intern-popup-role{font-size:.58rem;color:#00d4ff;margin:0;font-weight:600;white-space:normal;text-align:center}.intern-popup-period{font-size:.55rem;color:#5a6475;margin:.15rem 0 0}.intern-expand-hint{font-size:.52rem;color:#00d4ff;margin-top:.3rem;font-weight:700;opacity:.85;letter-spacing:.03em}.ibm-hint{color:#60aee8}.intern-card-expanded{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#080c18;border-radius:12px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.45rem;opacity:0;pointer-events:none;transform:scale(.96);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1);z-index:20;border:1px solid rgba(0,212,255,.4);box-shadow:0 10px 30px #000c,inset 0 0 15px #00d4ff14}.intern-popup-card:hover{position:absolute;top:.65rem;right:.65rem;bottom:.65rem;left:.65rem;z-index:50;width:calc(100% - 1.3rem);height:calc(100% - 1.3rem)}.intern-popup-card:hover .intern-card-compact{opacity:0;pointer-events:none}.intern-popup-card:hover .intern-card-expanded{opacity:1;pointer-events:auto;transform:scale(1)}.intern-expanded-header{display:flex;align-items:flex-start;gap:.6rem}.intern-expanded-company{font-size:.75rem;font-weight:800;color:#fff;margin:0 0 .1rem;line-height:1.25;white-space:normal;text-align:left}.intern-expanded-role{font-size:.6rem;color:#00d4ff;margin:0;font-weight:600;text-align:left}.intern-expanded-bullets{margin:0;padding-left:.95rem;list-style-type:disc;display:flex;flex-direction:column;gap:.3rem}.intern-expanded-bullets li{font-size:.63rem;color:#bac7d5;line-height:1.45;white-space:normal;text-align:left}.about-stat-item:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--theme-accent, #00D4FF);border-radius:2px;opacity:.5;transition:all .35s ease}.about-stat-item:hover{background:#ffffff0f;border-color:var(--theme-accent-border, rgba(0, 212, 255, .3));transform:translateY(-4px);box-shadow:0 12px 30px #00000059,0 0 20px var(--theme-accent-glow, rgba(0, 212, 255, .15))}.about-stat-item:hover:after{left:10%;right:10%;opacity:1;box-shadow:0 0 10px var(--theme-accent)}.about-stat-icon-wrap{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:1.2rem;margin-bottom:.1rem;transition:transform .3s ease}.about-stat-item:hover .about-stat-icon-wrap{transform:scale(1.1) rotate(-5deg)}.about-stat-content{display:flex;flex-direction:column;align-items:center;width:100%}.about-stat-number-row{display:flex;align-items:baseline;justify-content:center;gap:1px;line-height:1;margin-bottom:.2rem}.stat-number{font-family:Outfit,sans-serif;font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:900;color:var(--theme-accent, #00D4FF);line-height:1;font-variant-numeric:tabular-nums;transition:color .4s ease}.stat-number--text{font-size:clamp(.85rem,1.8vw,1.05rem);letter-spacing:.01em;font-weight:800}.about-stat-plus{font-size:1rem;font-weight:700;color:var(--theme-accent, #00D4FF);transition:color .4s ease}.about-stat-label{font-size:.75rem;font-weight:700;color:var(--text-primary, #E8EAFF);margin:0 0 .15rem;line-height:1.25}.about-stat-desc{font-size:.65rem;color:var(--text-muted, #5A6475);margin:0;line-height:1.2}.intern-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.75rem}.intern-card{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:.9rem .85rem;background:#ffffff08;border:1px solid rgba(0,212,255,.18);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.intern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4ff,#7b2fff);border-radius:2px 2px 0 0}.intern-card--ibm:before{background:linear-gradient(90deg,#1f70c1,#00d4ff)}.intern-card:hover{background:#00d4ff0f;border-color:#00d4ff66;transform:translateY(-3px);box-shadow:0 10px 25px #00000059,0 0 16px #00d4ff1f}.intern-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.intern-duration-badge{font-size:.65rem;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:20px;background:#00d4ff1f;border:1px solid rgba(0,212,255,.3);color:#00d4ff}.ibm-badge{background:#1f70c126;border-color:#1f70c166;color:#60aee8}.intern-type-tag{font-size:.58rem;font-weight:700;color:#5a6475;text-transform:uppercase;letter-spacing:.06em}.ibm-tag{color:#60aee8;opacity:.7}.intern-card-logo{font-size:1.35rem;margin-bottom:.15rem}.intern-company{font-size:.72rem;font-weight:800;color:#e8eaff;margin:0;line-height:1.3}.intern-role{font-size:.65rem;color:#00d4ff;margin:0;font-weight:600}.intern-period{font-size:.6rem;color:#5a6475;margin:0;margin-top:.2rem}.about-ctas{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.skills-block{min-width:0}.skills-block .skills-section{padding:0!important}.skills-block .skills-inner{max-width:100%}.skills-block .skills-header{display:none}.skills-block .skills-grid-single,.skills-block .skills-grid-two{grid-template-columns:1fr;gap:1.25rem}@media (max-width: 960px){.about-skills-inner{grid-template-columns:1fr;gap:2.5rem}.about-block{position:static}.skills-block .skills-grid-single,.skills-block .skills-grid-two{grid-template-columns:1fr}}@media (max-width: 640px){.skills-block .skills-grid-two{grid-template-columns:1fr}.about-ctas{flex-direction:column;align-items:stretch}.about-ctas .btn-primary,.about-ctas .btn-secondary{justify-content:center}}.skills-section{padding:var(--section-padding, 5rem) clamp(1.5rem,5vw,3rem);position:relative;z-index:1}.skills-inner{max-width:1200px;margin:0 auto}.skills-header{text-align:center;margin-bottom:clamp(2rem,5vw,3.5rem)}.skills-heading{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;margin-bottom:.75rem}.skills-subtitle{font-size:clamp(.9rem,2vw,1rem);color:var(--text-secondary, #A0AABA);max-width:500px;margin:0 auto}.skills-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;align-items:start}.skills-grid-single{display:block}.skill-cat-card--active{transform:none!important;opacity:1!important}.skill-cat-card--active.skill-cat-card--cyan{border-color:#00d4ff59;box-shadow:0 0 30px #00d4ff24,0 8px 32px #0000004d}.skill-cat-card--active.skill-cat-card--gold{border-color:#ffb83059;box-shadow:0 0 30px #ffb83024,0 8px 32px #0000004d}.skill-groups{display:flex;flex-direction:column;gap:1.25rem}.skill-group{display:flex;flex-direction:column;gap:.55rem}.skill-group-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff47;margin:0;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.06)}.skill-bar-fill--cyan{background:linear-gradient(90deg,#00d4ff,#09c)}.skill-bar-fill--gold{background:linear-gradient(90deg,#ffb830,#ff8c00)}.skill-bar-fill--purple{background:linear-gradient(90deg,#7b2fff,#b060ff)}.skill-bar-pct--cyan{color:#00d4ff}.skill-bar-pct--gold{color:#ffb830}.skill-bar-pct--purple{color:#7b2fff}.skill-cat-card{background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:var(--card-radius, 16px);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .35s ease;position:relative;overflow:hidden}.skill-cat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .35s ease;pointer-events:none}.skill-cat-card--cyan:hover{border-color:#00d4ff66;box-shadow:0 8px 32px #0000004d,0 0 24px #00d4ff26;transform:translateY(-6px)}.skill-cat-card--cyan:before{background:radial-gradient(circle at top left,rgba(0,212,255,.06),transparent 60%)}.skill-cat-card--cyan:hover:before{opacity:1}.skill-cat-card--purple:hover{border-color:#7b2fff66;box-shadow:0 8px 32px #0000004d,0 0 24px #7b2fff26;transform:translateY(-6px)}.skill-cat-card--purple:before{background:radial-gradient(circle at top left,rgba(123,47,255,.06),transparent 60%)}.skill-cat-card--purple:hover:before{opacity:1}.skill-cat-card--gold:hover{border-color:#ffb83066;box-shadow:0 8px 32px #0000004d,0 0 24px #ffb83026;transform:translateY(-6px)}.skill-cat-card--gold:before{background:radial-gradient(circle at top left,rgba(255,184,48,.06),transparent 60%)}.skill-cat-card--gold:hover:before{opacity:1}.skill-cat-card--orange:hover{border-color:#ff6b3566;box-shadow:0 8px 32px #0000004d,0 0 24px #ff6b352e;transform:translateY(-6px)}.skill-cat-card--orange:before{background:radial-gradient(circle at top left,rgba(255,107,53,.06),transparent 60%)}.skill-cat-card--orange:hover:before{opacity:1}.skill-cat-icon--orange{background:#ff6b351f;border:1px solid rgba(255,107,53,.25);box-shadow:0 0 12px #ff6b3526}.skill-cat-card--orange .skill-bar-fill{background:linear-gradient(90deg,#ff6b35,#ffb830)}.skill-cat-card--featured{border-width:1.5px;transform:scale(1.02);z-index:2}.skill-cat-card--featured.skill-cat-card--purple{border-color:#7b2fff8c;box-shadow:0 0 40px #7b2fff38,0 8px 32px #00000059}.skill-cat-card--featured.skill-cat-card--cyan{border-color:#00d4ff8c;box-shadow:0 0 40px #00d4ff38,0 8px 32px #00000059}.skill-cat-card--featured.skill-cat-card--gold{border-color:#ffb8308c;box-shadow:0 0 40px #ffb83038,0 8px 32px #00000059}.skill-cat-card--featured.skill-cat-card--orange{border-color:#ff6b358c;box-shadow:0 0 40px #ff6b3538,0 8px 32px #00000059}.skill-cat-card--dimmed{opacity:.72;transform:scale(.98)}.skill-cat-card--dimmed:hover{opacity:1;transform:scale(1.01) translateY(-4px)}.skill-featured-badge{position:absolute;top:.75rem;right:.75rem;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border-radius:50px;background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.12)}.skill-cat-header{display:flex;align-items:center;gap:1rem}.skill-cat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.skill-cat-icon--cyan{background:#00d4ff1f;border:1px solid rgba(0,212,255,.25);box-shadow:0 0 12px #00d4ff26}.skill-cat-icon--purple{background:#7b2fff1f;border:1px solid rgba(123,47,255,.25);box-shadow:0 0 12px #7b2fff26}.skill-cat-icon--gold{background:#ffb8301f;border:1px solid rgba(255,184,48,.25);box-shadow:0 0 12px #ffb83026}.skill-cat-title{font-size:1rem;font-weight:700;color:var(--text-primary, #E8EAFF);margin:0;line-height:1.3}.skill-cat-subtitle{font-size:.75rem;color:var(--text-muted, #5A6475);margin:.2rem 0 0;font-weight:500}.skill-tech-icons{display:flex;gap:.5rem;flex-wrap:wrap}.skill-tech-icon{width:36px;height:36px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:6px;transition:all .2s ease}.skill-tech-icon:hover{background:#ffffff1a;transform:translateY(-2px)}.skill-tech-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(.9)}.skill-bars{display:flex;flex-direction:column;gap:.75rem}.skill-bar-item{display:flex;flex-direction:column;gap:.3rem}.skill-bar-header{display:flex;justify-content:space-between;align-items:center}.skill-bar-name{font-size:.8rem;font-weight:500;color:var(--text-secondary, #A0AABA)}.skill-bar-pct{font-size:.72rem;font-weight:600;color:var(--text-muted, #5A6475);font-variant-numeric:tabular-nums}.skill-bar-track{height:6px;background:#ffffff0d;border-radius:4px;overflow:hidden;position:relative}.skill-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-cyan, #00D4FF),#0099CC);transition:width 1s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:barShimmer 2.5s infinite}@keyframes barShimmer{0%{left:-100%}to{left:100%}}.skill-chips-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:.4rem}.skill-chip-underlined{font-size:.85rem;font-weight:600;color:var(--text-primary, #E8EAFF);position:relative;padding-bottom:4px;display:inline-block;transition:color .25s ease}.skill-chip-underlined:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#00d4ff,#00d4ff66);border-radius:2px;box-shadow:0 0 8px #00d4ff99;transition:background .25s ease,box-shadow .25s ease}.skill-chip-underlined:hover{color:#00d4ff}.skill-chip-underlined:hover:after{background:#00d4ff;box-shadow:0 0 12px #00d4ffe6}@media (max-width: 860px){.skills-grid-two{grid-template-columns:1fr}}@media (max-width: 640px){.skill-cat-card{padding:1.25rem}}.page3-section{padding:clamp(1rem,2.5vw,2rem) clamp(.75rem,3vw,2rem) 2.5rem;position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;scroll-margin-top:45px}.page3-inner{max-width:1440px;margin:0 auto;width:100%}.page3-header{text-align:center;margin-bottom:clamp(1rem,2.5vw,1.75rem)}.page3-title{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;margin-bottom:.75rem}.page3-subtitle{font-size:clamp(.85rem,1.8vw,.98rem);color:var(--text-secondary, #A0AABA);max-width:900px;margin:0 auto}.tabs{display:flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:14px;padding:.4rem;margin-bottom:2.5rem;width:-moz-fit-content;width:fit-content;max-width:100%;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-muted, #5A6475);padding:.6rem 1.25rem;border-radius:10px;transition:all .25s ease;white-space:nowrap}.tab-btn:hover{color:var(--text-primary, #E8EAFF);background:#ffffff0a}.tab-btn--active{background:#00d4ff1a;color:var(--accent-cyan, #00D4FF);border:1px solid rgba(0,212,255,.2)}.tab-btn__icon{font-size:.9rem}.tab-content{transition:opacity .25s ease,transform .25s ease}.tab-content--in{opacity:1;transform:translateY(0)}.tab-content--out{opacity:0;transform:translateY(8px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:var(--card-radius, 16px);overflow:hidden;display:flex;flex-direction:column;transition:all .35s ease;cursor:default}.project-card:hover{border-color:#00d4ff40;transform:translateY(-6px);box-shadow:0 16px 48px #0006,0 0 24px #00d4ff14}.project-card__img-wrap{position:relative;height:180px;overflow:hidden}.project-card__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--bg-deep, #050A14) 100%)}.project-card__body{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-tag{font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:50px;border:1px solid;letter-spacing:.04em}.project-card__title{font-size:1.05rem;font-weight:700;color:var(--text-primary, #E8EAFF);margin:0;line-height:1.3}.project-card__desc{font-size:.82rem;color:var(--text-secondary, #A0AABA);line-height:1.7;margin:0;flex:1}.project-card__links{display:flex;align-items:center;gap:.75rem;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.project-live-link{font-size:.82rem;font-weight:600;color:var(--accent-cyan, #00D4FF);text-decoration:none;transition:opacity .2s}.project-live-link:hover{opacity:.75}.project-code-btn{font-size:.82rem;font-weight:600;color:var(--text-secondary, #A0AABA);background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.project-code-btn:hover{color:var(--text-primary, #E8EAFF)}.certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.cert-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;position:relative;overflow:hidden}.cert-card:hover{border-color:#00d4ff4d;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.cert-card__logo{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#ffffff0f;display:flex;align-items:center;justify-content:center}.cert-card__logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cert-card__body{flex:1;min-width:0}.cert-tag{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan, #00D4FF);background:#00d4ff1a;padding:.15rem .5rem;border-radius:50px;margin-bottom:.3rem}.cert-card__title{font-size:.85rem;font-weight:600;color:var(--text-primary, #E8EAFF);margin:0 0 .3rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-card__meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted, #5A6475)}.cert-issuer{font-weight:500}.cert-date:before{content:"· "}.cert-card__arrow{color:var(--text-muted, #5A6475);font-size:1rem;flex-shrink:0;transition:transform .2s,color .2s}.cert-card:hover .cert-card__arrow{transform:translate(2px,-2px);color:var(--accent-cyan, #00D4FF)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem .5rem;text-align:center}.tech-item:hover{border-color:#00d4ff4d}.tech-item__icon{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;filter:brightness(.85) saturate(.9);transition:filter .2s}.tech-item:hover .tech-item__icon{filter:brightness(1) saturate(1.1)}.tech-item__name{font-size:.75rem;font-weight:500;color:var(--text-secondary, #A0AABA);margin:0}@media (max-width: 640px){.tabs{width:100%;justify-content:center}.tab-btn{font-size:.8rem;padding:.5rem .875rem}.projects-grid,.certs-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}}.animated-showcase{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;gap:3.5rem}.animated-showcase-top-bar{display:flex;justify-content:flex-end;width:100%;margin-bottom:-2rem}.animated-toggle-mode-btn{background:#131825;border:1px solid rgba(255,255,255,.12);color:#00d4ff;padding:9px 20px;border-radius:30px;font-size:.86rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 14px #0000004d}.animated-toggle-mode-btn:hover{background:#00d4ff;color:#0b0f19;border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff59}.animated-section-block{display:flex;flex-direction:column;width:100%}.animated-section-header{margin-bottom:1.25rem}.animated-section-title{font-size:1.35rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:.3rem}.section-title-icon{color:#00d4ff;font-size:1.2rem}.animated-section-desc{font-size:.85rem;color:#8a96a8;margin:0}.animated-options{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;width:100%;height:420px;gap:8px;padding:4px}.animated-option{position:relative;overflow:hidden;min-width:46px;flex-grow:1;flex-shrink:1;border-radius:18px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#131825;cursor:pointer;transition:flex-grow .55s cubic-bezier(.05,.61,.41,.95),border-radius .55s cubic-bezier(.05,.61,.41,.95),transform .35s ease,border-color .35s ease,box-shadow .35s ease;border:1px solid rgba(255,255,255,.1)}.animated-option:hover{border-color:#00d4ff66}.animated-option.active{flex-grow:12;border-radius:28px;border-color:#00d4ff;box-shadow:0 20px 50px #000c,0 0 25px #00d4ff33}.animated-option-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.animated-option-video.visible{opacity:1}.animated-collapsed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d111cdb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 4px;z-index:2;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s ease,background .4s ease;opacity:1;visibility:visible;pointer-events:auto}.animated-collapsed-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.animated-option:hover .animated-collapsed-overlay{background:#0d111cad}.animated-collapsed-title{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:800;font-size:.92rem;letter-spacing:.1em;color:#e8eaff;text-shadow:0 2px 10px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;max-height:88%;text-transform:uppercase;transition:color .3s ease}.animated-collapsed-hint{display:none}.animated-option .shadow{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to top,#0b0f19 0%,rgba(11,15,25,.6) 60%,transparent 100%);transition:height .55s cubic-bezier(.05,.61,.41,.95),opacity .3s ease;pointer-events:none;z-index:2}.animated-option.active .shadow{height:200px;background:linear-gradient(to top,#0b0f19 0%,rgba(11,15,25,.8) 65%,transparent 100%)}.shadow.is-active-shadow{opacity:0}.animated-active-split-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;width:100%;height:100%;padding:1.2rem 1.4rem;gap:1.5rem;background:#0d111c;z-index:4;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.97);transition:opacity .4s cubic-bezier(.16,1,.3,1) .1s,transform .4s cubic-bezier(.16,1,.3,1) .1s,visibility .4s ease .1s;overflow:hidden}.animated-active-split-view.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.animated-card-video-pane{flex:0 0 58%;max-width:58%;height:100%;display:flex;flex-direction:column;justify-content:center}.animated-video-container{display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-between}.animated-video-frame{position:relative;width:100%;height:295px;max-height:295px;border-radius:16px;overflow:hidden;border:1px solid rgba(0,212,255,.35);box-shadow:0 10px 28px #0009,0 0 18px #00d4ff24;background:#0b0f19;display:flex;align-items:center;justify-content:center}.animated-compact-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px;transition:opacity .5s cubic-bezier(.16,1,.3,1);z-index:1}.animated-compact-img.is-visible{opacity:1}.animated-compact-img.is-faded{opacity:0;pointer-events:none}.animated-compact-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:16px;transition:opacity .5s cubic-bezier(.16,1,.3,1);z-index:2;background:#05070d}.animated-compact-video.is-visible{opacity:1}.animated-compact-video.is-faded{opacity:0;pointer-events:none}.animated-video-actions-below{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:10px;flex-wrap:wrap}.animated-btn-overview{background:linear-gradient(135deg,#00d4ff,#08f);color:#080c16;border-color:#00d4ff;font-weight:800}.animated-btn-overview:hover{background:linear-gradient(135deg,#fff,#00d4ff);color:#080c16;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff99}.animated-card-tech-pane{flex:0 0 40%;max-width:40%;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-width:0;padding:.2rem 0}.animated-tech-title{font-size:1.48rem;font-weight:900;color:#fff;margin:0 0 .3rem;line-height:1.2}.animated-tech-desc{font-size:.78rem;color:#94a3b8;line-height:1.45;margin:0 0 .8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.animated-tech-grid{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.8rem;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:.8rem 1rem}.animated-tech-item{display:flex;align-items:baseline;gap:7px;font-size:.82rem;line-height:1.4}.animated-tech-label{font-weight:800;color:#00d4ff;flex-shrink:0;min-width:125px}.animated-tech-val{color:#e8eaff;font-weight:600}.animated-option.active .animated-action-badge{opacity:1;transform:translateY(0)}.animated-cert-full-view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#090d16;z-index:2;padding:1.2rem 1.2rem 4.5rem;border-radius:28px;overflow:hidden}.animated-cert-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:12px;border:1px solid rgba(0,212,255,.35);box-shadow:0 12px 35px #000000d9,0 0 22px #00d4ff2e}.animated-option .label{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:16px;left:16px;right:16px;height:auto;min-height:48px;transition:all .55s cubic-bezier(.05,.61,.41,.95);z-index:3;gap:12px}.animated-option.active .label{bottom:24px;left:24px;right:24px}.animated-card-buttons{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.animated-video-actions-below{display:flex;align-items:center;gap:10px;margin-top:10px;width:100%}.animated-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:30px;font-size:.88rem;font-weight:800;cursor:pointer;transition:all .3s ease;white-space:nowrap;border:1px solid transparent;box-shadow:0 4px 14px #0006}.animated-btn-live{background:#00d4ff;color:#0b0f19;border-color:#00d4ff}.animated-btn-live:hover{background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #00d4ff80}.animated-btn-github{background:#1a2233;color:#fff;border-color:#ffffff2e}.animated-btn-github:hover{background:#27334d;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 18px #0009}.animated-option .info{display:flex;flex-direction:column;justify-content:center;margin-left:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animated-option .info>div{position:relative;transition:all .55s cubic-bezier(.05,.61,.41,.95),opacity .5s ease-out}.animated-option:not(.active) .info>div{opacity:0;transform:translate(20px)}.animated-option.active .info>div{opacity:1;transform:translate(0)}.animated-option .info .main{font-weight:800;font-size:1.2rem;color:#fff;line-height:1.2}.animated-option .info .sub{font-size:.84rem;color:#00d4ff;margin-top:3px;font-weight:600;transition-delay:.08s}@media (max-width: 900px){.animated-options{height:420px;gap:8px}.animated-option{min-width:50px}.animated-option.active{flex-grow:6}}@media (max-width: 640px){.animated-options{flex-direction:column;height:auto;gap:8px}.animated-option{height:62px;min-height:62px;min-width:100%;border-radius:14px!important;border:1px solid rgba(255,255,255,.12);transition:height .4s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.animated-option.active{height:auto;min-height:420px;border-color:#00d4ff;box-shadow:0 12px 35px #000000e6,0 0 20px #00d4ff40}.animated-collapsed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;flex-direction:row;padding:0 14px 0 16px;justify-content:space-between;align-items:center;background:#0f172a!important;border:1px solid rgba(0,212,255,.35);border-left:4.5px solid #00D4FF!important;border-radius:14px;box-shadow:0 4px 16px #00000080}.animated-collapsed-title{writing-mode:horizontal-tb;transform:none;font-size:.98rem;font-weight:800;letter-spacing:.01em;color:#fff!important;opacity:1!important;max-height:100%;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68%}.animated-collapsed-hint{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:800;color:#00d4ff!important;background:#00d4ff26!important;border:1px solid rgba(0,212,255,.4);padding:4px 12px;border-radius:20px;letter-spacing:.03em;flex-shrink:0}.animated-active-split-view{position:relative;inset:auto;height:100%;width:100%;flex-direction:column;padding:1rem;gap:.75rem;overflow:visible}.animated-card-video-pane{flex:0 0 auto;max-width:100%;width:100%;height:auto}.animated-video-frame{height:195px;max-height:195px}.animated-card-tech-pane{flex:0 0 auto;width:100%;max-width:100%;padding:0;margin:0;align-items:flex-start;justify-content:flex-start;text-align:left;gap:.4rem}.animated-tech-title{font-size:1.25rem;text-align:left;margin:0 0 .15rem;align-self:flex-start}.animated-tech-desc{display:none}.animated-tech-grid{width:100%;margin-top:0;margin-left:0;align-self:flex-start;padding:.5rem .75rem;gap:.35rem}.animated-tech-item{font-size:.75rem}.animated-video-actions-below{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:5px;margin-top:8px;flex-wrap:nowrap}.animated-btn{flex:1;justify-content:center;padding:8px 6px;font-size:.78rem;font-weight:800;gap:4px;border-radius:20px;white-space:nowrap;min-width:0}.animated-showcase-top-bar{justify-content:center}}.contact-section{position:relative;overflow:hidden;padding:3.5rem 1.5rem 3rem;background:var(--bg-primary, #050a14)}.slide-in-left,.slide-in-right{opacity:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity 1.2s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.slide-in-left{transform:translate(-40px)}.slide-in-right{transform:translate(40px)}.slide-in-visible{opacity:1!important;transform:translate(0)!important}.contact-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none;z-index:0}.contact-bg-orb--cyan{width:500px;height:500px;background:var(--theme-accent, #00D4FF);top:-100px;left:-80px}.contact-bg-orb--purple{width:400px;height:400px;background:#7b2fff;bottom:-80px;right:-60px}.contact-inner{position:relative;z-index:1;max-width:950px;margin:0 auto;display:flex;flex-direction:column;gap:1.75rem}.contact-header{text-align:center;max-width:580px;margin:0 auto}.contact-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--theme-accent, #00D4FF);background:var(--theme-accent-dim, rgba(0, 212, 255, .1));border:1px solid var(--theme-accent-border, rgba(0, 212, 255, .2));padding:3px 10px;border-radius:50px;margin-bottom:.6rem}.contact-title{font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:900;color:#e8eaff;letter-spacing:-.03em;margin-bottom:.5rem;line-height:1.1}.contact-title--accent{background:var(--grad-text, linear-gradient(135deg, #00D4FF, #7B2FFF));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-desc{font-size:clamp(.85rem,1.8vw,.95rem);color:#a0aaba;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:2rem;align-items:start}.contact-left{display:flex;flex-direction:column;gap:1.5rem}.availability-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .3s}.availability-card:hover{border-color:var(--theme-accent-border, rgba(0, 212, 255, .25))}.availability-card__status{display:flex;align-items:center;gap:8px}.availability-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse-avail 2s ease-in-out infinite}@keyframes pulse-avail{0%,to{box-shadow:0 0 8px #22c55e99}50%{box-shadow:0 0 20px #22c55ed9}}.availability-label{font-size:.78rem;font-weight:700;color:#22c55e;text-transform:uppercase;letter-spacing:.08em}.availability-card__title{font-size:1.3rem;font-weight:800;color:#fff;margin:0}.availability-card__desc{font-size:.9rem;color:#a0aaba;line-height:1.65;margin:0}.availability-card__meta{display:flex;flex-direction:column;gap:6px;margin-top:4px}.avail-meta-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#6b7280}.avail-meta-icon{color:var(--theme-accent, #00D4FF);font-size:.8rem}.contact-socials{display:flex;flex-direction:column;gap:10px}.contact-social-card{display:flex;align-items:center;gap:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;text-decoration:none;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;color:inherit;width:100%;text-align:left}.contact-social-card:hover{transform:translate(4px)}.contact-social-card--linkedin:hover{border-color:#0a66c280;box-shadow:0 0 20px #0a66c226}.contact-social-card--github:hover{border-color:#fff3;box-shadow:0 0 20px #ffffff14}.contact-social-card--email:hover{border-color:var(--theme-accent-border, rgba(0, 212, 255, .35));box-shadow:0 0 20px var(--theme-accent-glow, rgba(0, 212, 255, .12));background:none}.contact-social-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.contact-social-card--linkedin .contact-social-icon{background:#0a66c226;color:#0a66c2;border:1px solid rgba(10,102,194,.2)}.contact-social-card--github .contact-social-icon{background:#ffffff12;color:#fff;border:1px solid rgba(255,255,255,.1)}.contact-social-card--email .contact-social-icon{background:var(--theme-accent-dim, rgba(0, 212, 255, .1));color:var(--theme-accent, #00D4FF);border:1px solid var(--theme-accent-border, rgba(0, 212, 255, .2))}.contact-social-body{flex:1}.contact-social-name{font-size:.9rem;font-weight:700;color:#e8eaff}.contact-social-handle{font-size:.8rem;color:#6b7280;margin-top:1px}.contact-social-arrow{font-size:1rem;color:#6b7280;transition:color .2s,transform .2s}.contact-social-card:hover .contact-social-arrow{color:var(--theme-accent, #00D4FF);transform:translate(2px,-2px)}.contact-form-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;position:relative;box-shadow:0 16px 40px #0006;transition:all .35s ease}.contact-form-card:hover{border-color:var(--theme-accent-border, rgba(0, 212, 255, .35));box-shadow:0 20px 50px #00000080,0 0 30px var(--theme-accent-glow)}.contact-form-header{background:var(--theme-accent-dim, rgba(0, 212, 255, .05));border-bottom:1px solid rgba(255,255,255,.06);padding:10px 18px}.contact-form-label{font-size:.75rem;font-weight:700;color:#a0aaba;letter-spacing:.06em;text-transform:uppercase}.contact-form{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:.72rem;font-weight:600;color:#a0aaba;letter-spacing:.04em;text-transform:uppercase}.form-input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e8eaff;font-size:.85rem;padding:9px 13px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit;width:100%;box-sizing:border-box}.form-input:focus{background:#ffffff0d;border-color:var(--theme-accent, #00D4FF);box-shadow:0 0 0 4px var(--theme-accent-dim, rgba(0, 212, 255, .15)),0 0 15px var(--theme-accent-glow)}.form-input::-moz-placeholder{color:#4a5568}.form-input::placeholder{color:#4a5568}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23A0AABA' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}.form-select option{background:#1a2035;color:#e8eaff}.form-textarea{resize:vertical;min-height:85px;max-height:180px}.form-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171;font-size:.82rem;padding:8px 12px;border-radius:8px}.form-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--grad-primary, linear-gradient(135deg, #00D4FF, #7B2FFF));color:#050a14;border:none;border-radius:10px;padding:10px 18px;font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);margin-top:2px;box-shadow:0 4px 20px var(--theme-accent-glow)}.form-submit-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.01);box-shadow:0 8px 30px var(--theme-accent-glow);filter:brightness(1.1)}.form-submit-btn:disabled{cursor:not-allowed;opacity:.7}.form-submit-btn--sending{background:#ffffff1a}.form-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-success{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.contact-success-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--theme-accent, #00D4FF),#22C55E);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;font-weight:700;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.contact-success h3{font-size:1.4rem;font-weight:800;color:#e8eaff;margin:0}.contact-success p{font-size:.9rem;color:#a0aaba;margin:0}.contact-reset-btn{background:none;border:1px solid var(--theme-accent-border, rgba(0, 212, 255, .3));color:var(--theme-accent, #00D4FF);padding:8px 20px;border-radius:8px;font-size:.85rem;cursor:pointer;margin-top:8px;transition:background .2s}.contact-reset-btn:hover{background:var(--theme-accent-dim, rgba(0, 212, 255, .1))}@media (max-width: 800px){.contact-section{padding:4rem 1.25rem 3.5rem}.contact-grid,.form-row{grid-template-columns:1fr}.contact-bg-orb--cyan{width:300px;height:300px}.contact-bg-orb--purple{width:280px;height:280px}}.project-demo-page{min-height:100vh;background:#050a14;color:var(--text-primary, #E8EAFF);display:flex;flex-direction:column;animation:demoPageEnter .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes demoPageEnter{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.demo-page-header{position:sticky;top:0;z-index:1010;background:#050a14e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--theme-accent-border, rgba(0, 212, 255, .2));padding:.85rem clamp(1rem,4vw,2.5rem)}.demo-page-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.demo-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-card-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border-radius:50px;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0006}.header-card-btn.btn-primary{background:linear-gradient(135deg,#00d4ff,#2563eb);color:#fff;border:1px solid rgba(0,212,255,.6)}.header-card-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80;border-color:#00d4ff}.header-card-btn.btn-code{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.2)}.header-card-btn.btn-code:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.demo-back-btn{display:inline-flex;align-items:center;gap:.6rem;background:transparent;border:none;color:var(--text-primary, #E8EAFF);padding:0;font-size:.88rem;font-weight:700;cursor:pointer;transition:color .3s cubic-bezier(.4,0,.2,1)}.demo-back-btn:hover{color:var(--theme-accent, #00D4FF)}.demo-back-btn:hover .back-arrow{background:var(--theme-accent-dim, rgba(0, 212, 255, .2));border-color:var(--theme-accent, #00D4FF);color:var(--theme-accent, #00D4FF);transform:translate(-3px);box-shadow:0 0 14px var(--theme-accent-dim)}.back-arrow{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);font-size:1.2rem;color:var(--theme-accent, #00D4FF);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 4px 12px #00000040}.demo-header-title{display:flex;flex-direction:column;align-items:center;text-align:center}.demo-header-badge{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--theme-accent, #00D4FF)}.demo-header-name{font-family:Outfit,sans-serif;font-size:clamp(1.4rem,3.5vw,1.85rem);font-weight:900;color:#fff;margin:0;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,212,255,.4)}.demo-page-content{flex:1;padding:clamp(2rem,4vw,3.5rem) clamp(1rem,4vw,2.5rem) 0}.demo-page-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.demo-flow-outer{width:100%;padding:0 clamp(1rem,4vw,2.5rem) clamp(2rem,4vw,3.5rem)}.demo-hero-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.demo-hero-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-primary, linear-gradient(90deg, #00D4FF, #7B2FFF))}.demo-hero-tags{display:flex;gap:.4rem;margin-bottom:.75rem;flex-wrap:wrap}.demo-hero-title{font-family:Outfit,sans-serif;font-size:clamp(2.4rem,5.5vw,3.5rem);font-weight:900;color:#fff;margin-bottom:.75rem;letter-spacing:-.5px}.demo-hero-desc{font-size:1rem;color:var(--text-secondary, #A0AABA);line-height:1.7;max-width:800px;margin-bottom:1.5rem}.demo-hero-links{display:flex;gap:1rem;flex-wrap:wrap}.demo-video-container-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;width:100%;max-width:100%;transition:all .5s ease}.demo-video-flex-row{display:flex;align-items:flex-start;gap:1.5rem;width:100%}.demo-video-tech-side-panel{flex:1;min-width:260px;background:transparent;border:none;border-radius:0;padding:.2rem .5rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;gap:.75rem;overflow:visible}.tech-panel-header{display:flex;flex-direction:column;gap:2px}.tech-panel-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#00d4ff}.tech-panel-title{font-size:1rem;font-weight:800;color:#fff;margin:0}.tech-domain-tab-buttons{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.65rem;margin-bottom:.5rem}.tech-domain-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:var(--text-secondary, #A0AABA);padding:4px 10px;border-radius:18px;font-size:.72rem;font-weight:800;cursor:pointer;transition:all .25s ease}.tech-domain-btn:hover{background:#ffffff1f;color:#fff}.tech-domain-btn.is-active.badge-cyan{background:#00d4ff38;color:#38bdf8;border-color:#38bdf8;box-shadow:0 0 12px #00d4ff66}.tech-domain-btn.is-active.badge-blue{background:#2563eb38;color:#60a5fa;border-color:#60a5fa;box-shadow:0 0 12px #2563eb66}.tech-domain-btn.is-active.badge-green{background:#22c55e38;color:#4ade80;border-color:#4ade80;box-shadow:0 0 12px #22c55e66}.tech-domain-btn.is-active.badge-purple{background:#a855f738;color:#c084fc;border-color:#c084fc;box-shadow:0 0 12px #a855f766}.active-domain-pills{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem;align-items:center;width:100%}.tech-badge{padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.2px;white-space:nowrap;display:inline-flex;align-items:center;line-height:1.2;transition:transform .2s ease,box-shadow .2s ease}.tech-cat-tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary, #A0AABA);padding:6px 12px;border-radius:20px;font-size:.76rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .25s ease}.tech-cat-tab-btn:hover{background:#00d4ff1f;color:#00d4ff;border-color:#00d4ff66}.tech-cat-tab-btn.is-active{background:linear-gradient(135deg,#00d4ff,#2563eb);color:#fff;border-color:#00d4ff;box-shadow:0 4px 14px #00d4ff66}.tech-cat-content-card{display:flex;flex-direction:column;gap:.85rem}.tech-cat-content-head{display:flex;align-items:center}.tech-cat-items-list{display:flex;flex-direction:column;gap:.6rem}.tech-cat-item{display:flex;flex-direction:column;gap:2px;background:#ffffff08;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.tech-item-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#00d4ff}.tech-item-val{font-size:.84rem;font-weight:600;color:#fff;line-height:1.45}.tech-badge{padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:800;letter-spacing:.3px;transition:transform .2s ease,box-shadow .2s ease}.tech-badge:hover{transform:translateY(-2px)}.tech-badge.badge-cyan{background:#00d4ff26;color:#38bdf8;border:1px solid rgba(0,212,255,.4);box-shadow:0 0 10px #00d4ff33}.tech-badge.badge-blue{background:#2563eb2e;color:#60a5fa;border:1px solid rgba(37,99,235,.4);box-shadow:0 0 10px #2563eb33}.tech-badge.badge-green{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.4);box-shadow:0 0 10px #22c55e33}.tech-badge.badge-purple{background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.4);box-shadow:0 0 10px #a855f733}.tech-badge.badge-pink{background:#ec48992e;color:#f472b6;border:1px solid rgba(236,72,153,.4);box-shadow:0 0 10px #ec489933}.tech-badge.badge-orange{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.4);box-shadow:0 0 10px #f59e0b33}.demo-video-container-card.has-expanded-video{max-width:100%;margin-left:0;margin-right:auto;border-color:#00d4ff59;box-shadow:0 20px 50px #000c,0 0 30px #00d4ff26}.demo-section-header.demo-header-centered{display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:0;margin-top:.5rem}.demo-section-header.demo-header-centered .section-label{font-size:1.25rem;font-weight:900;letter-spacing:3px;color:#00d4ff;text-shadow:0 0 16px rgba(0,212,255,.6);display:inline-flex;align-items:center;gap:1rem}.demo-section-header.demo-header-centered .section-label:before{display:none}.demo-expand-video-btn{display:inline-flex;align-items:center;gap:6px;background:#131825;border:1px solid rgba(0,212,255,.4);color:#00d4ff;padding:8px 18px;border-radius:30px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #0006}.demo-expand-video-btn:hover{background:#00d4ff;color:#0b0f19;border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 6px 18px #00d4ff66}.demo-expand-video-btn.expanded{background:#ffffff1a;color:#fff;border-color:#ffffff40}.demo-video-frame-wrap{position:relative;width:100%;background:#05070d;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);transition:max-width .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease,border-color .6s ease}.demo-video-frame-wrap.is-compact{max-width:555px;height:auto;margin-left:0;margin-right:auto;box-shadow:0 10px 30px #0009}.demo-video-frame-wrap.is-expanded{max-width:100%;height:auto;margin-left:0;margin-right:auto;border-color:#00d4ff66;box-shadow:0 20px 50px #000c,0 0 30px #00d4ff33}.demo-video-frame-wrap.is-expanded .demo-mp4-video{max-height:none;width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.demo-video-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.demo-mp4-video{width:100%;height:auto;max-height:none;-o-object-fit:contain;object-fit:contain;background:#000;display:block;cursor:pointer}.demo-matte-expand-btn{position:absolute;top:18px;right:18px;z-index:12;background:#ffffffe6;border:1.5px solid rgba(255,255,255,.98);color:#0b0f19;width:52px;height:52px;border-radius:50%;font-size:1.45rem;font-weight:800;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:0}.demo-matte-expand-btn:hover{background:#fff;color:#000;transform:scale(1.1);box-shadow:0 8px 25px #fff9}.demo-matte-expand-btn.is-expanded-state{background:#ffffffeb;color:#0b0f19;border-color:#fff}.demo-matte-expand-btn.is-expanded-state:hover{background:#fff;color:#000}.demo-video-placeholder-box{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(circle at center,rgba(0,212,255,.08),transparent 70%)}.demo-placeholder-icon{font-size:3rem;margin-bottom:.5rem}.demo-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.demo-card-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.demo-box-header{display:flex;align-items:center;gap:.6rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.demo-box-header h4{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;color:#fff;margin:0}.demo-box-icon{font-size:1.2rem}.demo-box-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.demo-list-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-secondary, #A0AABA);line-height:1.6}.demo-check-badge{color:#22c55e;font-weight:900;background:#22c55e26;border:1px solid rgba(34,197,94,.3);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;margin-top:2px}.demo-roadmap-timeline{display:flex;flex-direction:column;gap:.85rem}.demo-timeline-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.demo-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.demo-timeline-title{font-size:.88rem;font-weight:600;color:#fff}.demo-timeline-target{font-size:.75rem;color:var(--text-muted, #5A6475)}.demo-matte-expand-btn,.mobile-only-fullscreen-btn{display:none!important}@media (max-width: 860px){.demo-details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.demo-page-header-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.demo-header-title{align-items:flex-start;text-align:left}.demo-header-actions{width:100%}.demo-header-actions .btn-primary{width:100%;justify-content:center}.demo-hero-card{padding:1.25rem;border-radius:16px}.demo-hero-title{font-size:1.6rem}.demo-hero-desc{font-size:.92rem}.demo-hero-links{flex-direction:column;width:100%}.demo-hero-links .btn-demo,.demo-hero-links .btn-code{width:100%;justify-content:center}.demo-video-flex-row{flex-direction:column;gap:1rem}.demo-video-tech-side-panel{width:100%!important;min-width:100%!important;margin-top:.5rem}.demo-video-container-card{padding:0!important;border-radius:14px;background:transparent!important;border:none!important;box-shadow:none!important;width:100%!important;max-width:100%!important}.demo-video-frame-wrap,.demo-video-frame-wrap.is-compact,.demo-video-frame-wrap.is-expanded{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border-radius:14px!important;background:transparent!important}.demo-mp4-video{width:100%!important;height:auto!important;max-height:none!important;-o-object-fit:contain!important;object-fit:contain!important;display:block!important;border-radius:14px!important;background:transparent!important}}@media (max-width: 768px){.project-demo-page,.demo-page-content,.demo-page-inner,.voice-flow-section,.voice-flow-wrapper-card{padding-bottom:0!important;margin-bottom:0!important}.demo-page-header{padding:.4rem .6rem!important}.demo-page-content{padding:.2rem .2rem 0!important}.demo-page-inner{gap:.3rem!important}.demo-hero-card{padding:.5rem!important;margin-bottom:0!important}.demo-section-header.demo-header-centered{margin-top:0!important;margin-bottom:0!important}.voice-flow-section{margin-top:.4rem!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.voice-flow-wrapper-card{margin-bottom:0!important;padding-bottom:0!important}.voice-flow-header{margin-bottom:.15rem!important}.demo-page-header-inner{flex-direction:column;align-items:stretch;gap:.5rem}.demo-back-btn{align-self:flex-start!important;background:transparent!important;border:none!important;padding:0!important;font-size:.88rem!important}.demo-back-btn .back-arrow{width:36px!important;height:36px!important;font-size:1.1rem!important;border-radius:10px!important}.demo-header-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;width:100%!important;gap:.5rem!important}.demo-header-actions .header-card-btn{flex:1 1 50%!important;display:inline-flex!important;justify-content:center!important;text-align:center!important;padding:.55rem .5rem!important;font-size:.74rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}.voice-flow-section{width:100%;margin:0;padding-top:0;padding-bottom:0}.voice-flow-header{margin-bottom:1rem;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.voice-flow-wrapper-card{width:100%;background:#090d16;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:visible;box-shadow:0 20px 50px #000c;margin-bottom:0}.voice-flow-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;background:transparent;color:#fff;border:none;margin-bottom:6px}.voice-flow-title{font-size:1.15rem;font-weight:800;color:#fff;margin:0 0 6px}.voice-flow-subtitle{font-size:.92rem;color:#cbd5e1;margin:0;max-width:720px}.voice-scroll-container{width:100%;height:500px;overflow:hidden;position:relative;background:#05070d;border-radius:20px}.voice-flow-instruction{position:absolute;top:14px;right:24px;font-size:.76rem;font-weight:800;color:#38bdf8;background:#0f172ae6;padding:4px 14px;border-radius:20px;border:1px solid rgba(56,189,248,.4);box-shadow:0 0 12px #38bdf833;z-index:20;pointer-events:none}.voice-canvas{width:2800px;height:500px;position:absolute;top:0;left:0;will-change:transform}.flow-svg-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.flow-path{stroke-width:4;fill:none;stroke-linecap:round}.flow-path.path-purple{stroke:#00d4ff;stroke-width:5px;filter:drop-shadow(0 0 10px rgba(0,212,255,.9))}.flow-path.path-high-conf{stroke:url(#highConfGrad)}.flow-path.path-mid-conf{stroke:#22c55e;stroke-width:5px;filter:drop-shadow(0 0 10px rgba(34,197,94,.9))}.flow-path.path-converge{stroke:#ec4899;stroke-width:5px;filter:drop-shadow(0 0 10px rgba(236,72,153,.9))}.flow-path.path-retry-out,.flow-path.path-retry-loop{stroke:url(#retryGrad);stroke-width:3.5}.flow-element{position:absolute;transform:translate(-50%,-50%);z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flow-dot{width:22px;height:22px;background:#00d4ff;border:4px solid #05070d;border-radius:50%;box-shadow:0 0 16px #00d4ffcc;z-index:10}.flow-dot.dot-green{background:#22c55e;box-shadow:0 0 18px #22c55ee6}.flow-dot.dot-orange{background:#f59e0b;box-shadow:0 0 18px #f59e0be6}.flow-dot.transcript-text-dot{width:38px;height:38px;background:linear-gradient(135deg,#00d4ff,#0284c7);border:3px solid #00D4FF;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;box-shadow:0 0 22px #00d4ffe6}.flow-plus-btn{width:44px;height:44px;background:#0d1322e6;color:#00d4ff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;box-shadow:0 8px 20px #000000b3,inset 0 0 10px #00d4ff33;border:2px solid rgba(0,212,255,.4);z-index:4;pointer-events:none}.flow-card{width:235px;border-radius:18px;background:#0f172a;border:1.5px solid rgba(255,255,255,.35);overflow:hidden;box-shadow:0 16px 40px #000000f2,0 0 24px #ffffff1a;transition:transform .4s ease,box-shadow .4s ease;z-index:5}.flow-card.wide-card{width:255px}.flow-card:hover{transform:translate(-50%,-54%);box-shadow:0 20px 44px #000000f2,0 0 28px #00d4ff66;z-index:10}.flow-card-head{padding:12px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative}.flow-step-num{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#0009;padding:3px 9px;border-radius:10px;border:1.5px solid #FFFFFF}.flow-icon{font-size:1.45rem;margin-top:1px}.flow-card-title{font-size:1.02rem;font-weight:900;color:#fff;margin:0;line-height:1.25;text-shadow:0 2px 6px rgba(0,0,0,.9)}.flow-card-body{padding:12px 14px;background:#0f172a;display:flex;flex-direction:column;gap:7px}.flow-card-desc{font-size:.88rem;line-height:1.4;color:#fff;font-weight:700;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.9)}.flow-tag-pill{display:inline-block;align-self:flex-start;padding:4px 12px;border-radius:14px;font-size:.78rem;font-weight:900;letter-spacing:.3px}.tag-purple{background:#a855f759;color:#f3e8ff;border:1.5px solid #C084FC;text-shadow:0 0 8px rgba(192,132,252,.8)}.tag-cyan{background:#38bdf859;color:#e0f2fe;border:1.5px solid #38BDF8;text-shadow:0 0 8px rgba(56,189,248,.8)}.tag-pink{background:#f472b659;color:#fce7f3;border:1.5px solid #F472B6;text-shadow:0 0 8px rgba(244,114,182,.8)}.tag-orange{background:#fbbf2459;color:#fef9c3;border:1.5px solid #FBBF24;text-shadow:0 0 8px rgba(251,191,36,.8)}.retry-label{width:210px;text-align:center;white-space:normal;line-height:1.3;font-size:.78rem;color:#fef9c3;background:#090d16;border:1.5px solid #FBBF24;box-shadow:0 0 16px #fbbf2480;font-weight:800}.branch-high-conf .flow-card-title,.branch-mid-conf .flow-card-title,.branch-retry .flow-card-title{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9)}.branch-high-conf{border:1.5px solid #00D4FF;box-shadow:0 12px 32px #000000e6,0 0 16px #00d4ff4d}.branch-mid-conf{border:1.5px solid #22C55E;box-shadow:0 12px 32px #000000e6,0 0 16px #22c55e4d}.branch-retry{border:1.5px solid #F59E0B;box-shadow:0 12px 32px #000000e6,0 0 16px #f59e0b4d}.flow-branch-badge{font-size:.78rem;font-weight:900;padding:4px 14px;border-radius:20px;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8}.badge-blue{background:#05070d;color:#00d4ff;border:2px solid #00D4FF;box-shadow:0 0 18px #00d4ffcc}.badge-green{background:#05070d;color:#22c55e;border:2px solid #22C55E;box-shadow:0 0 18px #22c55ecc}.badge-orange{background:#05070d;color:#f59e0b;border:2px solid #F59E0B;box-shadow:0 0 18px #f59e0bcc}.flow-result-box{padding:10px 12px;border-radius:12px;font-size:.8rem;font-weight:800;line-height:1.35}.result-blue{background:#00d4ff1f;color:#00d4ff;border:1.5px solid #00D4FF;box-shadow:0 0 15px #00d4ff4d}.result-green{background:#22c55e1f;color:#22c55e;border:1.5px solid #22C55E;box-shadow:0 0 15px #22c55e4d}.result-orange{background:#f59e0b1f;color:#fbbf24;border:1.5px solid #F59E0B;box-shadow:0 0 15px #f59e0b4d}