@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer utilities{.start{inset-inline-start:var(--spacing)}.resize{resize:both}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#000;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e5e5e5;--input:#e5e5e5;--ring:#0a0a0a;--radius:.5rem;--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--bg-dark:#0a0a0f;--text-main:#fff;--text-muted-design:#94a3b8;--primary-design:#6366f1;--secondary-design:#a855f7;--accent-design:#ec4899;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-highlight:#ffffff26;--card-radius:24px;--transition-design:all .4s cubic-bezier(.16, 1, .3, 1)}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a3a3a3;--accent:#262626;--accent-foreground:#fafafa;--destructive:#7f1d1d;--destructive-foreground:#fafafa;--border:#262626;--input:#262626;--ring:#d4d4d4}.portfolio-page{background-color:var(--bg-dark);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}.portfolio-page h1,.portfolio-page h2,.portfolio-page h3,.portfolio-page h4{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:800}.particle-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.mouse-spotlight{pointer-events:none;z-index:1;background:radial-gradient(circle,#6366f10f,#0000 60%);border-radius:50%;width:600px;height:600px;transition:left .1s ease-out,top .1s ease-out;position:fixed;transform:translate(-50%,-50%)}.noise-overlay{z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;width:100%;height:100%;position:fixed;top:0;left:0}.ambient-light{z-index:-1;background:radial-gradient(circle at 15%,#6366f126,#0000 25%),radial-gradient(circle at 85% 30%,#a855f726,#0000 25%);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float-orb;position:absolute}.orb-1{background:radial-gradient(circle,var(--secondary-design),transparent 70%);width:500px;height:500px;animation-delay:-5s;top:-10%;right:-5%}.orb-2{background:radial-gradient(circle,var(--primary-design),transparent 70%);width:600px;height:600px;bottom:-10%;left:-10%}.orb-3{background:radial-gradient(circle,var(--accent-design),transparent 70%);opacity:.4;width:300px;height:300px;animation-duration:25s;top:40%;left:40%}@keyframes float-orb{0%{transform:translate(0)scale(1)}to{transform:translate(30px,50px)scale(1.1)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);box-shadow:0 4px 30px #0000001a}.glass-card{-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--card-radius);transition:var(--transition-design);background:linear-gradient(135deg,#ffffff0d,#ffffff03)}.glass-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff05);border-color:#fff3;transform:translateY(-5px);box-shadow:0 20px 40px #0003}.portfolio-nav{z-index:1000;width:100%;padding:20px 0;transition:all .3s;position:fixed;top:0}.portfolio-nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#0a0a0fcc;padding:15px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px}.nav-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:#fff;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-dot{background:var(--accent-design);width:10px;height:10px;box-shadow:0 0 10px var(--accent-design);border-radius:50%;animation:2s infinite dot-pulse}.nav-links{gap:40px;display:flex}.nav-links a{color:var(--text-muted-design);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";background:linear-gradient(90deg,var(--primary-design),var(--accent-design));width:0;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-container{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.hero-content{z-index:2}.hero-label{color:#818cf8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-label-icon{animation:3s linear infinite sparkle-spin}@keyframes sparkle-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.hero h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-background-clip:text;margin-bottom:24px;font-size:4.5rem;line-height:1.1}.gradient-text-animated{background:linear-gradient(90deg,var(--primary-design),var(--secondary-design),var(--accent-design),var(--primary-design));-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;animation:4s infinite text-gradient-flow}@keyframes text-gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}.typing-cursor{-webkit-text-fill-color:var(--accent-design);animation:2s ease-in-out infinite cursor-pulse}@keyframes cursor-pulse{0%,to{opacity:1}50%{opacity:.3}}.hero p{color:var(--text-muted-design);max-width:500px;margin-bottom:40px;font-size:1.2rem}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.hero-image-wrapper{z-index:1;justify-content:center;align-items:center;height:calc(100vh - 160px);max-height:700px;display:flex;position:relative}.hero-bg-glow{filter:blur(60px);z-index:-1;background:radial-gradient(circle,#a855f74d,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s infinite alternate pulse;position:absolute}.hero-ring{pointer-events:none;border:1px solid #6366f11a;border-radius:50%;position:absolute}.hero-ring-1{border-style:dashed;border-color:#6366f114;width:500px;height:500px;animation:20s linear infinite ring-rotate}.hero-ring-2{border-style:dotted;border-color:#a855f70f;width:600px;height:600px;animation:30s linear infinite reverse ring-rotate}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-img{object-fit:contain;filter:drop-shadow(0 20px 40px #00000080);z-index:2;width:auto;max-height:110%;animation:6s ease-in-out infinite float;position:relative;-webkit-mask-image:linear-gradient(#000 90%,#0000 100%);mask-image:linear-gradient(#000 90%,#0000)}@media(min-width:769px){.hero-container{max-height:calc(100vh - 80px)}}.float-card{z-index:3;border-radius:16px;align-items:center;gap:12px;padding:16px 24px;transition:transform .3s,box-shadow .3s;animation:5s ease-in-out infinite alternate float;display:flex;position:absolute}.float-card:hover{box-shadow:0 8px 30px #6366f133}.fc-1{z-index:0;animation-delay:1s;top:15%;left:-80px}.fc-2{animation-delay:2.5s;bottom:28%;right:-10px}.fc-3{z-index:0;animation-delay:0s;top:50%;left:-60px}.fc-4{z-index:3;animation-delay:3.5s;top:35%;right:-20px}.fc-icon{background:linear-gradient(135deg,var(--primary-design),var(--secondary-design));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.fc-text h4{color:#fff;margin-bottom:2px;font-size:.9rem}.fc-text span{color:#ffffffb3;font-size:.75rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}.section-divider{background:linear-gradient(90deg,transparent,var(--primary-design),var(--secondary-design),var(--accent-design),transparent);opacity:.2;width:100%;max-width:1200px;height:1px;margin:0 auto;position:relative}.section-divider:before{content:"";pointer-events:none;background:radial-gradient(#6366f114,#0000 70%);width:500px;height:120px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.geo-shapes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.geo{opacity:.06;animation:15s ease-in-out infinite geo-float;position:absolute}.geo-triangle{border-left:30px solid #0000;border-right:30px solid #0000;border-bottom:52px solid var(--primary-design);width:0;height:0}.geo-circle{border:2px solid var(--secondary-design);border-radius:50%;width:40px;height:40px}.geo-square{border:2px solid var(--accent-design);width:30px;height:30px;transform:rotate(45deg)}.geo-diamond{background:var(--primary-design);width:24px;height:24px;transform:rotate(45deg)}.geo-1{animation-delay:0s;top:15%;right:10%}.geo-2{animation-delay:-3s;top:60%;right:5%}.geo-3{animation-delay:-7s;bottom:20%;left:5%}.geo-4{animation-delay:-5s;top:30%;left:8%}.geo-5{animation-delay:-2s;top:20%;left:5%}.geo-6{animation-delay:-8s;bottom:15%;right:8%}@keyframes geo-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(90deg)}50%{transform:translateY(-10px)rotate(180deg)}75%{transform:translateY(-25px)rotate(270deg)}}.geo-diamond,.geo-square{animation-name:geo-float}.btn{transition:var(--transition-design);border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary-design{color:#000;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 20px #fff3}.btn-primary-design:after{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-100%)}.btn-primary-design:hover:after{transform:rotate(45deg)translate(100%)}.btn-primary-design:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff4d}.btn-glass{color:#fff;background:#ffffff0d;border:1px solid #fff3}.btn-glass:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.portfolio-page section{padding:120px 0;position:relative}.section-header{max-width:700px;margin-bottom:80px}.section-tag{color:var(--accent-design);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin-bottom:16px;font-size:.85rem;font-weight:600;display:flex}.tag-line{background:linear-gradient(90deg,var(--accent-design),transparent);border-radius:2px;width:40px;height:2px;display:inline-block}.section-title{margin-bottom:24px;font-size:3rem}.glitch-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#fff) 0 0/100% 100%;-webkit-background-clip:text;transition:background .4s}.glitch-text:hover{background:linear-gradient(90deg,#fff,var(--primary-design),var(--secondary-design),var(--accent-design));-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;animation:1.5s forwards title-shimmer}@keyframes title-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.section-desc{color:var(--text-muted-design);font-size:1.1rem}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--primary-design),var(--secondary-design),var(--accent-design),transparent);opacity:.4;width:2px;height:100%;position:absolute;top:0;left:0}.timeline-item{margin-bottom:60px;padding-left:50px;position:relative}.timeline-dot{background:var(--bg-dark);border:2px solid var(--primary-design);width:14px;height:14px;box-shadow:0 0 15px var(--primary-design);z-index:3;border-radius:50%;transition:all .3s;position:absolute;top:0;left:-6px}.timeline-dot-active{background:var(--primary-design);box-shadow:0 0 20px var(--primary-design),0 0 40px #6366f14d;animation:2s infinite dot-pulse}@keyframes dot-pulse{0%,to{box-shadow:0 0 15px var(--primary-design),0 0 30px #6366f133}50%{box-shadow:0 0 25px var(--primary-design),0 0 50px #6366f166}}.timeline-item:hover .timeline-dot{background:var(--primary-design);transform:scale(1.3)}.timeline-date{color:var(--text-muted-design);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;display:inline-block}.date-badge{letter-spacing:.02em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:4px 14px;font-size:.85rem;transition:all .3s;display:inline-block}.date-present{color:#818cf8;background:#6366f11a;border-color:#6366f14d}.role-card{transition:var(--transition-design);isolation:isolate;border-left:2px solid #0000;padding:32px;position:relative;overflow:hidden}.role-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#6366f10d,#0000 50%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.role-card:hover{border-left-color:var(--primary-design);box-shadow:0 10px 40px #6366f11a,0 0 0 1px #6366f126}.role-card:hover:before{opacity:1}.role-card-glow:hover{box-shadow:0 10px 40px #6366f126,0 0 0 1px #6366f133,inset 0 1px #6366f11a}.role-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.role-title h3{color:#fff;margin-bottom:4px;font-size:1.5rem;transition:all .3s}.role-card:hover .role-title h3{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#c084fc);-webkit-background-clip:text}.role-company{color:var(--primary-design);font-weight:500}.role-links{flex-wrap:wrap;gap:12px;display:flex}.role-link{color:#fff;transition:var(--transition-design);white-space:nowrap;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.role-link:hover{background:linear-gradient(135deg,#6366f166,#a855f766);border-color:#6366f199;transform:translateY(-2px);box-shadow:0 4px 15px #6366f14d}.role-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.design-tag{color:var(--text-muted-design);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .3s}.shimmer-tag{position:relative;overflow:hidden}.shimmer-tag:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:200%}}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;display:grid}.project-card{border-radius:var(--card-radius);cursor:pointer;height:400px;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-overlay{opacity:0;background:linear-gradient(#0000,#000000e6);width:100%;padding:32px;transition:all .4s;position:absolute;bottom:0;left:0;transform:translateY(20px)}.project-card:hover .project-img{transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.project-title{color:#fff;margin-bottom:8px;font-size:1.5rem}.project-cat{color:var(--secondary-design);margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.stats-row{border-radius:var(--card-radius);background:linear-gradient(135deg,#6366f10d,#a855f70d,#ec48990d);border:1px solid #ffffff0f;justify-content:center;align-items:center;gap:60px;margin-bottom:60px;padding:50px 40px;display:flex;position:relative;overflow:hidden}.stats-row:before{content:"";background:linear-gradient(90deg,transparent,var(--primary-design),var(--accent-design),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.stats-row:after{content:"";background:linear-gradient(90deg,transparent,var(--accent-design),var(--primary-design),transparent);opacity:.3;height:1px;position:absolute;bottom:0;left:0;right:0}.stat-item{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.stat-glow{filter:blur(20px);z-index:0;background:radial-gradient(circle,#6366f14d,#0000 70%);border-radius:50%;width:80px;height:80px;animation:3s infinite alternate stat-pulse;position:absolute;top:-10px}.stat-glow-pink{background:radial-gradient(circle,#ec48994d,#0000 70%)}@keyframes stat-pulse{0%{opacity:.4;transform:scale(.9)}to{opacity:.8;transform:scale(1.2)}}.stat-number{background:linear-gradient(135deg,#fff 0%,var(--primary-design) 50%,var(--accent-design) 100%);-webkit-text-fill-color:transparent;z-index:1;background-size:200% 200%;-webkit-background-clip:text;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;line-height:1;animation:4s infinite gradient-shift;position:relative}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.stat-label{color:var(--text-muted-design);text-transform:uppercase;letter-spacing:.08em;z-index:1;font-size:.85rem;font-weight:600;position:relative}.stat-divider{background:linear-gradient(to bottom,transparent,var(--primary-design),var(--accent-design),transparent);opacity:.4;width:1px;height:60px}.about-section,.experience-section{position:relative}.section-mesh{pointer-events:none;z-index:0;position:absolute;inset:0}.section-mesh-about{background:radial-gradient(600px 400px at 0 0,#6366f114,#0000),radial-gradient(500px 300px at 100% 100%,#ec48990f,#0000)}.section-mesh-experience{background:radial-gradient(500px 400px at 100% 0,#a855f714,#0000),radial-gradient(600px 300px at 0 80%,#6366f10f,#0000)}.about-section .nav-container,.experience-section .nav-container{z-index:1;position:relative}.about-cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.about-card-wrapper{border-radius:var(--card-radius);perspective:1000px;display:flex;position:relative;overflow:hidden}.about-card-wrapper:hover .glass-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);transform:translateY(-8px)rotateX(2deg)rotateY(-2deg)}.card-border-glow{border-radius:var(--card-radius);opacity:0;z-index:0;pointer-events:none;padding:1px;transition:opacity .5s;position:absolute;inset:0}.card-border-glow:before{content:"";border-radius:var(--card-radius);border:1px solid #0000;position:absolute;inset:0}.card-glow-indigo{background:linear-gradient(135deg,#6366f166,#818cf81a,#0000)}.card-glow-purple{background:linear-gradient(135deg,#a855f766,#c084fc1a,#0000)}.card-glow-pink{background:linear-gradient(135deg,#ec489966,#f472b61a,#0000)}.about-card-wrapper:hover .card-border-glow{opacity:1}.card-shine{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%}.about-card-wrapper:hover .card-shine{animation:.6s forwards card-shine-sweep}@keyframes card-shine-sweep{0%{left:-50%}to{left:150%}}.about-card{z-index:1;flex-direction:column;flex:1;padding:36px;transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s,box-shadow .4s;display:flex;position:relative}.about-card-icon-wrap{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:1.6rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.about-card-wrapper:hover .about-card-icon-wrap{transform:scale(1.1)rotate(-5deg);box-shadow:0 0 25px #6366f14d}.about-card-icon-wrap:before{content:"";opacity:.15;border-radius:16px;position:absolute;inset:0}.about-icon-indigo{background:#6366f126;border:1px solid #6366f14d}.about-icon-indigo:before{background:linear-gradient(135deg,var(--primary-design),transparent)}.about-icon-purple{background:#a855f726;border:1px solid #a855f74d}.about-icon-purple:before{background:linear-gradient(135deg,var(--secondary-design),transparent)}.about-icon-pink{background:#ec489926;border:1px solid #ec48994d}.about-icon-pink:before{background:linear-gradient(135deg,var(--accent-design),transparent)}.about-card h3{color:#fff;margin-bottom:12px;font-size:1.3rem;transition:all .3s}.about-card-wrapper:hover .about-card h3{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#c084fc);-webkit-background-clip:text}.about-card p{color:var(--text-muted-design);flex:1;margin-bottom:20px;font-size:.95rem;line-height:1.7}.about-card .role-tags{margin-top:auto}.tag-indigo{color:#818cf8!important;background:#6366f114!important;border-color:#6366f133!important}.tag-purple{color:#c084fc!important;background:#a855f714!important;border-color:#a855f733!important}.tag-pink{color:#f472b6!important;background:#ec489914!important;border-color:#ec489933!important}.cta-section{text-align:center}.cta-card-wrapper{border-radius:var(--card-radius);border:1px solid var(--glass-border);max-width:800px;margin:0 auto;position:relative;overflow:hidden}.cta-inner{border-radius:var(--card-radius);z-index:1;background:linear-gradient(135deg,#6366f114,#a855f70d,#ec489914);padding:80px 40px;position:relative;overflow:hidden}.cta-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#c084fc,#f472b6) 0 0/200% 200%;-webkit-background-clip:text;animation:5s infinite gradient-shift}.cta-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cta-particle{opacity:.3;border-radius:50%;animation:8s ease-in-out infinite cta-float;position:absolute}.cta-p1{background:var(--primary-design);width:6px;height:6px;animation-delay:0s;top:20%;left:10%}.cta-p2{background:var(--secondary-design);width:4px;height:4px;animation-delay:1.5s;top:60%;left:80%}.cta-p3{background:var(--accent-design);width:8px;height:8px;animation-delay:3s;top:30%;left:70%}.cta-p4{background:#818cf8;width:5px;height:5px;animation-delay:4.5s;top:70%;left:20%}.cta-p5{background:#f472b6;width:3px;height:3px;animation-delay:2s;top:40%;left:50%}.cta-p6{background:var(--primary-design);width:4px;height:4px;animation-delay:.5s;top:15%;left:85%}.cta-p7{background:var(--secondary-design);width:6px;height:6px;animation-delay:3.5s;top:80%;left:40%}.cta-p8{background:var(--accent-design);width:3px;height:3px;animation-delay:1s;top:50%;left:15%}@keyframes cta-float{0%,to{opacity:.2;transform:translateY(0)translate(0)}25%{opacity:.5;transform:translateY(-20px)translate(10px)}50%{opacity:.3;transform:translateY(-10px)translate(-15px)}75%{opacity:.6;transform:translateY(-30px)translate(5px)}}.btn-cta{background:linear-gradient(135deg,var(--primary-design),var(--secondary-design));color:#fff;isolation:isolate;border:none;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 30px #6366f14d,0 0 60px #a855f726}.btn-cta:before{content:"";background:linear-gradient(135deg,var(--secondary-design),var(--accent-design));opacity:0;z-index:-1;border-radius:50px;transition:opacity .4s;position:absolute;inset:0}.btn-cta:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 40px #6366f166,0 0 80px #a855f733}.btn-cta:hover:before{opacity:1}.portfolio-footer{border-top:1px solid var(--glass-border);text-align:center;color:var(--text-muted-design);margin-top:60px;padding:60px 0 30px;font-size:.9rem;position:relative;overflow:hidden}.footer-glow{pointer-events:none;background:radial-gradient(#6366f11a,#0000 70%);width:600px;height:200px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.footer-text{color:var(--text-muted-design)}.footer-heart{color:var(--accent-design);vertical-align:middle;animation:1.5s infinite heartbeat;display:inline-flex}.footer-coffee{vertical-align:middle;color:#d97706;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}.social-links{justify-content:center;gap:24px;margin-bottom:30px;display:flex}.social-link{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;isolation:isolate;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.social-link:before{content:"";opacity:0;z-index:-1;border-radius:50%;transition:opacity .4s;position:absolute;inset:0}.social-x:before{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-linkedin:before{background:linear-gradient(135deg,#0077b5,#00a0dc)}.social-github:before{background:linear-gradient(135deg,#6e5494,#9b59b6)}.social-link:hover{border-color:#0000;transform:translateY(-5px)scale(1.1);box-shadow:0 10px 30px #0000004d}.social-link:hover:before{opacity:1}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}@media(max-width:768px){.hero-container{text-align:center;grid-template-columns:1fr;padding-top:0}.hero{min-height:auto;padding-top:60px}.hero h1{font-size:3rem}.hero-image-wrapper{order:-1;width:100%;max-width:400px;height:500px;margin:0 auto}.hero-buttons{flex-direction:column}.hero-ring{display:none}.float-card{z-index:3;border-radius:10px;gap:6px;padding:6px 10px}.fc-1,.fc-3,.fc-4{z-index:3}.fc-1{top:10%;left:-10px}.fc-2{bottom:20%;right:-10px}.fc-3{top:45%;left:-10px}.fc-4{top:30%;right:-10px}.fc-icon{border-radius:6px;width:24px;height:24px;font-size:.75rem}.fc-text{line-height:1.1}.fc-text h4{margin-bottom:0;font-size:.7rem}.fc-text span{font-size:.55rem}.hero p{margin:0 auto 30px}.btn{justify-content:center;width:100%}.nav-links{display:none}.mobile-menu-btn{display:block}.about-cards{grid-template-columns:1fr}.cta-inner{padding:60px 20px}.stats-row{flex-wrap:wrap;gap:20px}.stat-number{font-size:2rem}.stat-divider{display:none}.timeline:before{left:12px}.timeline-item{padding-left:32px}.timeline-dot{left:6px}.experience-section .nav-container{padding:0 12px}.geo-shapes,.mouse-spotlight{display:none}.section-title{font-size:2.2rem}}