:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: rgba(125, 190, 255, .67);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none;display:flex;justify-content:center}.pc-behind{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s ease}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:80svh;max-height:520px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#000000e6;backface-visibility:hidden;overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{top:0;right:0;bottom:0;left:0;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:none}.pc-shine{display:none;transition:filter .8s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.15);animation:holo-bg 18s linear infinite;animation-play-state:running;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:normal;overflow:visible;transform:translateZ(30px);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 12px)) translateZ(20px) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .03)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .02));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.5))}.pc-avatar-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: 20px;--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -12px + 6px),calc(var(--pointer-from-top) * -12px + 6px),40px);z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;margin:0;font-size:clamp(1.4rem,4svh,2.2rem);background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-8px;white-space:nowrap;font-size:15px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card{height:70svh;max-height:440px}.pc-details{top:2em}.pc-details h3{font-size:clamp(1.2rem,3.5svh,1.8rem)}.pc-details p{font-size:13px}.pc-user-info{--ui-inset: 15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:clamp(1.1rem,3svh,1.5rem)}.pc-details p{font-size:12px;top:-6px}.pc-user-info{--ui-inset: 12px;padding:8px 10px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}:root{--header-height: 72px;--section-padding: clamp(36px, 4.5vw, 56px);--container-padding: clamp(16px, 4vw, 32px);--gap-grid: clamp(16px, 2.5vw, 28px);--max-width: 1200px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--bg-base: #070a12;--bg-surface: #0c111e;--bg-surface-elevated: #111827;--bg-card: rgba(15, 23, 42, .65);--bg-card-hover: rgba(23, 34, 60, .82);--bg-glass: rgba(9, 13, 24, .88);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-accent: rgba(56, 189, 248, .4);--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--accent-sky: #38bdf8;--accent-emerald: #10b981;--accent-indigo: #6366f1;--accent-purple: #8b5cf6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--gradient-tech: linear-gradient(135deg, #38bdf8 0%, #3b82f6 50%, #8b5cf6 100%);--gradient-card-border: linear-gradient(135deg, rgba(56, 189, 248, .3), rgba(255, 255, 255, .05));--shadow-subtle: 0 4px 20px -2px rgba(0, 0, 0, .5);--shadow-elevated: 0 10px 30px -5px rgba(0, 0, 0, .7);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}body{min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;background-color:var(--bg-base);background-image:radial-gradient(circle at 15% 15%,rgba(6,182,212,.04) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(99,102,241,.04) 0%,transparent 40%),linear-gradient(to bottom,#070a12,#090e1a);background-attachment:fixed;line-height:1.7;overflow-wrap:break-word}img,svg,canvas,video{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--accent-sky);outline-offset:3px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38bdf866}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--text-primary);letter-spacing:-.02em}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:var(--section-padding);padding-bottom:var(--section-padding);position:relative}.section-header{text-align:center;max-width:720px;margin:0 auto clamp(20px,3.5vw,36px) auto}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent-sky);background:#38bdf814;border:1px solid rgba(56,189,248,.2);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:14px;text-transform:uppercase;letter-spacing:.05em}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;margin-bottom:14px;letter-spacing:-.03em}.section-subtitle{font-size:clamp(.95rem,1.8vw,1.05rem);color:var(--text-secondary);line-height:1.7}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.glass-card:hover{border-color:var(--border-accent);box-shadow:0 12px 35px -8px #000000b3,0 0 20px #38bdf814}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.95rem;padding:12px 24px;min-height:44px;border-radius:var(--radius-md);transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--gradient-tech);color:#fff;box-shadow:0 4px 20px #38bdf84d;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #38bdf873}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0a;color:var(--text-primary);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff14;border-color:var(--accent-sky);color:#fff;transform:translateY(-2px)}.btn-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.btn-icon:hover{background:#38bdf81a;border-color:var(--accent-sky);color:var(--accent-sky);transform:translateY(-2px)}.gradient-text{background:var(--gradient-tech);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full);font-size:.825rem;font-weight:500;color:#34d399}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 10px #10b981;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.filter-container{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,44px);padding:0 4px}.filter-btn{font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:8px 18px;min-height:38px;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.filter-btn:hover{background:#ffffff12;color:var(--text-primary);border-color:#fff3}.filter-btn.active{background:#38bdf81f;color:var(--accent-sky);border-color:var(--accent-sky);box-shadow:0 0 15px #38bdf826}.navbar-wrapper{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;transition:all var(--transition-normal);background:transparent}.navbar-scrolled{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 30px #00000059}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:clamp(1.4rem,3vw,1.7rem);letter-spacing:-.03em}.nav-brand-bracket{color:var(--accent-sky);font-family:var(--font-mono)}.nav-links{display:flex;align-items:center;gap:clamp(8px,1.3vw,20px);list-style:none}.nav-link{font-size:.85rem;font-weight:500;color:var(--text-secondary);position:relative;padding:8px 0;transition:color var(--transition-fast);white-space:nowrap}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-sky)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-sky);border-radius:2px;box-shadow:0 0 8px var(--accent-sky)}.nav-actions{display:flex;align-items:center;gap:12px}.mobile-toggle{display:none;color:var(--text-primary);font-size:1.5rem;padding:8px;min-height:44px;min-width:44px;align-items:center;justify-content:center}.mobile-drawer{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));background:#070a12fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;padding:24px 20px 32px;gap:20px;overflow-y:auto;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease;z-index:99}.mobile-drawer.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-links{display:flex;flex-direction:column;gap:12px;list-style:none}.mobile-nav-link{font-size:1.15rem;font-weight:600;color:var(--text-secondary);padding:12px 8px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--border-subtle);transition:color var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent-sky)}.hero-section{min-height:auto;display:flex;align-items:center;position:relative;padding-top:calc(var(--header-height) + clamp(24px,3.5vw,44px));padding-bottom:clamp(28px,4vw,52px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(20px,3.5vw,44px);align-items:center;width:100%}.hero-content{display:flex;flex-direction:column;align-items:flex-start;z-index:2;min-width:0}.hero-heading{font-size:clamp(1.6rem,3.4vw,3.2rem);font-weight:800;line-height:1.2;margin-top:18px;margin-bottom:12px;letter-spacing:-.03em;white-space:nowrap}.typing-subtitle{font-family:JetBrains Mono,monospace;font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:700;color:#22d3ee;margin-bottom:18px;min-height:1.6em;display:flex;align-items:center;flex-wrap:wrap;letter-spacing:-.01em}.cursor{animation:blink .8s infinite;color:#22d3ee;font-weight:400;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-description{font-size:clamp(1rem,1.8vw,1.125rem);color:var(--text-secondary);max-width:540px;margin-bottom:30px;line-height:1.7}.hero-cta-group{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.hero-social-group{display:flex;align-items:center;gap:14px}.hero-scene-container{width:100%;height:clamp(260px,32vw,390px);position:relative;display:flex;align-items:center;justify-content:center;z-index:1;touch-action:pan-y}.hero-scene-canvas{width:100%!important;height:100%!important;cursor:grab}.hero-scene-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,4vw,48px);align-items:center}.about-card{padding:clamp(24px,4vw,36px)}.about-text{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.about-text p{font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.75}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,20px)}.stat-box{padding:clamp(14px,2.5vw,20px) 14px;background:#0f172a80;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--transition-normal)}.stat-box:hover{border-color:var(--accent-sky);transform:translateY(-4px);background:#0f172acc;box-shadow:0 8px 24px #06b6d41f}.stat-value{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;font-family:var(--font-mono);background:var(--gradient-tech);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.stat-label{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.stat-sub{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.skills-marquee-wrapper{display:flex;flex-direction:column;gap:16px;overflow:hidden;position:relative;width:100%;padding:8px 0;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}.skills-marquee-row{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%}.skills-marquee-track{display:flex;width:max-content;will-change:transform}.skills-marquee-group{display:flex;gap:16px;padding-right:16px;flex-shrink:0}.skill-marquee-card{width:240px;flex-shrink:0;padding:16px 18px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;transition:all var(--transition-normal)}.skill-marquee-card:hover{border-color:var(--accent-sky);transform:translateY(-3px);background:#0f172ad9;box-shadow:0 8px 24px #38bdf826}@keyframes marquee-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee-ltr{animation:marquee-ltr 30s linear infinite}.skills-marquee-row:hover .skills-marquee-track{animation-play-state:paused}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:var(--gap-grid)}.skill-card{padding:18px 20px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.skill-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);background:#38bdf814;border:1px solid rgba(56,189,248,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-sky);flex-shrink:0}.skill-info{flex:1;min-width:0}.skill-name{font-weight:600;font-size:1rem;margin-bottom:4px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;gap:8px}.skill-category-tag{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.skill-level-badge{color:var(--accent-sky);font-weight:600;white-space:nowrap}.accordion-gallery-container{display:flex;width:100%;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:var(--accordion-radius, 16px);padding:4px;background:#0a0f1d99;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d;margin-bottom:24px}.accordion-gallery-container.is-vertical{flex-direction:column}.accordion-panel{position:relative;overflow:hidden;height:100%;min-width:50px;outline:none;border:1px solid rgba(255,255,255,.07);background:#090e1a;box-shadow:0 8px 30px #00000059;will-change:flex}.accordion-panel:focus-visible{box-shadow:0 0 0 2px var(--accent-sky)}.accordion-panel.is-expanded{border-color:#38bdf84d;box-shadow:0 12px 40px #0009,0 0 25px #38bdf81f}.accordion-inner{position:relative;width:100%;height:100%;overflow:hidden;transform-style:preserve-3d;will-change:transform}.accordion-image-wrapper{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;overflow:hidden}.accordion-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform,filter}.accordion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.accordion-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(6,0,16,.94) 0%,rgba(6,0,16,.7) 40%,rgba(6,0,16,.25) 70%,transparent 100%);pointer-events:none;z-index:2}.accordion-collapsed-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3;opacity:.65;transition:opacity .3s ease}.accordion-panel:hover .accordion-collapsed-label{opacity:1}.accordion-collapsed-text{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:#fffc;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.accordion-content{position:absolute;bottom:0;left:0;right:0;padding:clamp(16px,3.5vw,32px);display:flex;flex-direction:column;gap:12px;z-index:4;animation:accordionFadeIn .35s ease-out forwards}@keyframes accordionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.accordion-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;border-radius:9999px;background:#0ea5e926;border:1px solid rgba(56,189,248,.3);color:#38bdf8;font-size:.72rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.accordion-title-row{display:flex;align-items:center;gap:10px}.accordion-accent-bar{width:4px;height:26px;border-radius:2px;flex-shrink:0}.accordion-title{font-size:clamp(1.3rem,2.4vw,1.85rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.8)}.accordion-tagline{color:#e2e8f0e6;font-size:.88rem;line-height:1.45;max-width:580px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.7)}.accordion-tech-chips{display:flex;flex-wrap:wrap;gap:6px}.accordion-chip{font-family:var(--font-mono);font-size:.72rem;color:#cbd5e1;background:#0f172abf;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:3px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.accordion-actions{display:flex;align-items:center;gap:10px;margin-top:4px}@media (max-width: 768px){.accordion-gallery-container{flex-direction:column!important;height:75vh!important;max-height:700px!important;min-height:500px!important}.accordion-panel{min-height:0!important;width:100%!important}.accordion-panel.is-expanded{min-height:0!important}.accordion-collapsed-label{display:flex!important}.accordion-collapsed-text{writing-mode:horizontal-tb;transform:none;letter-spacing:.05em}.accordion-content{padding:16px}.accordion-title{font-size:1.25rem}}.projects-view-toggle{display:inline-flex;align-items:center;background:#0f172acc;border:1px solid var(--border-subtle);border-radius:9999px;padding:3px;gap:4px}.view-toggle-btn{padding:6px 14px;border-radius:9999px;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--accent-sky);color:#020617;font-weight:600;box-shadow:0 2px 8px #38bdf84d}.projects-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}.project-card{display:flex;flex-direction:column;overflow:hidden;height:100%;cursor:pointer}.project-image-container{width:100%;height:200px;background:#090e1a;position:relative;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.project-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image{transform:scale(1.05)}.project-card-body{padding:clamp(18px,3vw,24px);display:flex;flex-direction:column;flex:1}.project-card-title{font-size:1.25rem;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.project-card-tagline{font-size:.85rem;color:var(--accent-sky);font-family:var(--font-mono);margin-bottom:12px}.project-card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;flex:1}.project-tech-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.tech-chip{font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary)}.project-actions{display:flex;align-items:center;gap:12px;margin-top:auto;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,24px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xl);max-width:720px;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;position:relative;box-shadow:var(--shadow-elevated);animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:clamp(16px,3vw,24px) clamp(18px,4vw,28px);display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border-subtle);gap:16px}.modal-close-btn{color:var(--text-secondary);padding:8px;min-height:44px;min-width:44px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.modal-close-btn:hover{color:#fff;background:#ffffff26}.modal-body{padding:clamp(18px,4vw,28px);display:flex;flex-direction:column;gap:22px}.modal-section-title{font-size:.95rem;font-family:var(--font-mono);color:var(--accent-sky);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:flex;align-items:center;gap:8px}.modal-feature-list{list-style:none;display:flex;flex-direction:column;gap:10px}.modal-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--text-secondary)}.modal-feature-bullet{color:var(--accent-emerald);margin-top:3px;flex-shrink:0}.modal-footer{padding:18px clamp(18px,4vw,28px);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:12px;background:#0a0f1a80;flex-wrap:wrap}.exp-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.exp-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.exp-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-family:var(--font-mono);color:var(--text-secondary);background:#0f172a99;border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast)}.exp-filter-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:#1e293bb3}.exp-filter-btn.active{background:#38bdf81f;color:var(--accent-sky);border-color:#38bdf866;box-shadow:0 0 16px #38bdf826}.exp-filter-count{font-size:.7rem;padding:1px 6px;border-radius:999px;background:#ffffff14;color:inherit}.exp-view-toggle{display:inline-flex;background:#0f172ab3;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3px;gap:3px}.exp-view-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:calc(var(--radius-md) - 2px);font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.exp-view-btn:hover:not(.active){color:var(--text-primary)}.exp-view-btn.active{background:#38bdf82e;color:var(--accent-sky)}.exp-workspace{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-card);min-height:520px;box-shadow:0 20px 40px #00000059}.exp-nav-rail{background:#0a0f1aa6;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%}.exp-nav-rail-header{padding:14px 18px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:#0f172a66}.exp-nav-list{display:flex;flex-direction:column;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.25) transparent}.exp-nav-list::-webkit-scrollbar{width:4px}.exp-nav-list::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:4px}.exp-nav-item{position:relative;padding:13px 18px;text-align:left;display:flex;align-items:stretch;border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.04)}.exp-nav-item:hover{background:#ffffff08}.exp-nav-item.active{background:#38bdf814}.exp-nav-item.active .exp-nav-company{color:var(--accent-sky)}.exp-nav-item-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-sky),var(--accent-emerald));opacity:0;transition:opacity .2s ease}.exp-nav-item.active .exp-nav-item-indicator{opacity:1}.exp-nav-item-content{display:flex;flex-direction:column;gap:4px;width:100%}.exp-nav-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.exp-nav-company{font-weight:600;font-size:.92rem;color:var(--text-primary);transition:color .2s ease;word-break:break-word;line-height:1.35}.exp-nav-role{font-size:.82rem;color:var(--text-secondary)}.exp-nav-duration{font-size:.74rem;color:var(--text-muted);font-family:var(--font-mono)}.exp-detail-stage{padding:clamp(20px,3.5vw,36px);display:flex;flex-direction:column;gap:20px;animation:fadeInStage .25s ease-out;background:radial-gradient(circle at top right,rgba(56,189,248,.04),transparent 65%)}@keyframes fadeInStage{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.exp-stage-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.exp-stage-role-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.exp-stage-role{font-size:clamp(1.25rem,2.5vw,1.55rem);font-weight:700;color:var(--text-primary)}.exp-stage-company{display:inline-flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--accent-sky);font-weight:600;margin-top:4px}.exp-nav-arrows{display:flex;align-items:center;gap:8px}.exp-arrow-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.exp-arrow-btn:hover:not(:disabled){background:#38bdf826;color:var(--accent-sky);border-color:#38bdf866}.exp-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.exp-nav-counter{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);padding:0 4px}.exp-stage-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.exp-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-muted);font-family:var(--font-mono)}.exp-stage-desc{color:var(--text-secondary);font-size:.96rem;line-height:1.65}.exp-stage-section{display:flex;flex-direction:column;gap:12px}.exp-subhead{font-size:.82rem;color:var(--accent-sky);font-family:var(--font-mono);letter-spacing:.5px}.timeline-badge{font-size:.75rem;padding:2px 10px;border-radius:var(--radius-full);background:#38bdf81a;color:var(--accent-sky);border:1px solid rgba(56,189,248,.25);font-family:var(--font-mono);white-space:nowrap}.timeline-responsibilities{list-style:none;display:flex;flex-direction:column;gap:10px}.timeline-resp-item{display:flex;align-items:flex-start;gap:10px;font-size:.93rem;color:var(--text-secondary);line-height:1.5}.exp-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;animation:fadeInStage .25s ease-out}.exp-grid-card{padding:24px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:12px}.exp-grid-card:hover{transform:translateY(-4px);border-color:#38bdf866;box-shadow:0 12px 30px #0006}.exp-grid-card-top{display:flex;justify-content:space-between;align-items:center}.exp-grid-num{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-sky);font-weight:700}.exp-grid-role{font-size:1.12rem;font-weight:700;color:var(--text-primary)}.exp-grid-company{font-size:.9rem;color:var(--accent-sky);font-weight:500}.exp-grid-meta{display:flex;gap:12px;font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap}.exp-grid-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exp-grid-tech{display:flex;flex-wrap:wrap;gap:6px}.exp-grid-footer{display:flex;align-items:center;gap:4px;color:var(--accent-sky);font-size:.82rem;font-family:var(--font-mono);font-weight:600;margin-top:auto;padding-top:8px}.exp-summary-banner{margin-top:24px;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid rgba(56,189,248,.2);background:#0f172a8c}.exp-summary-content{display:flex;align-items:center;gap:16px}.exp-summary-icon{width:40px;height:40px;border-radius:var(--radius-full);background:#38bdf81f;border:1px solid rgba(56,189,248,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 900px){.exp-workspace{grid-template-columns:1fr;min-height:auto}.exp-nav-rail{border-right:none;border-bottom:1px solid var(--border-subtle)}.exp-nav-list{flex-direction:row;overflow-x:auto;max-height:none;padding:12px;gap:10px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.exp-nav-list::-webkit-scrollbar{display:none}.exp-nav-item{min-width:220px;flex-shrink:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;border-bottom:1px solid var(--border-subtle)}.exp-nav-item-indicator{left:0;top:auto;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-sky),var(--accent-emerald))}}@media (max-width: 640px){.exp-controls-bar{flex-direction:column;align-items:stretch;gap:12px}.exp-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:none}.exp-filters::-webkit-scrollbar{display:none}.exp-filter-btn{white-space:nowrap;flex-shrink:0}.exp-view-toggle{align-self:flex-start}.exp-grid-container{grid-template-columns:1fr}}.education-container{max-width:820px;margin:0 auto}.education-card{padding:clamp(24px,4vw,36px)}.education-header-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.edu-institution{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;margin-bottom:6px}.edu-degree{font-size:1.05rem;color:var(--accent-sky);font-weight:600}.edu-meta{font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono);margin-top:4px}.cgpa-pill{padding:10px 20px;border-radius:var(--radius-md);background:#10b9811a;border:1px solid rgba(16,185,129,.3);text-align:center;flex-shrink:0}.cgpa-label{font-size:.75rem;font-family:var(--font-mono);color:#34d399}.cgpa-value{font-size:1.5rem;font-weight:800;color:#10b981;font-family:var(--font-mono)}.academic-details-box{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:20px;animation:slideDown .3s ease-out}.coursework-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px}.course-item{font-size:.85rem;padding:8px 14px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary)}.achievement-showcase-banner{background:linear-gradient(135deg,#38bdf814,#6366f114);border:1px solid rgba(56,189,248,.25);padding:clamp(24px,4vw,36px);margin-bottom:clamp(32px,5vw,44px);display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,32px);position:relative;overflow:hidden;transition:all var(--transition-normal)}.achievement-showcase-banner:hover{border-color:var(--accent-sky);box-shadow:0 16px 40px #38bdf81f;transform:translateY(-2px)}.showcase-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:720px}.showcase-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--accent-sky);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.showcase-title{font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800;color:var(--text-primary);line-height:1.25}.showcase-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.showcase-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.showcase-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid transparent;transition:all var(--transition-normal);box-shadow:0 2px 8px #0003}.showcase-tag:hover{transform:translateY(-2px)}.showcase-tag--vault{background:#38bdf81a;border-color:#38bdf840;color:#38bdf8}.showcase-tag--vault:hover{background:#38bdf82e;border-color:#38bdf880;box-shadow:0 4px 14px #38bdf840}.showcase-tag--trophy{background:#f59e0b1a;border-color:#f59e0b40;color:#fbbf24}.showcase-tag--trophy:hover{background:#f59e0b2e;border-color:#f59e0b80;box-shadow:0 4px 14px #f59e0b40}.showcase-tag--badges{background:#a855f71a;border-color:#a855f740;color:#c084fc}.showcase-tag--badges:hover{background:#a855f72e;border-color:#a855f780;box-shadow:0 4px 14px #a855f740}.showcase-tag--analytics{background:#10b9811a;border-color:#10b98140;color:#34d399}.showcase-tag--analytics:hover{background:#10b9812e;border-color:#10b98180;box-shadow:0 4px 14px #10b98140}.showcase-action{flex-shrink:0}.achievement-link-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-sky);padding:4px;border-radius:var(--radius-sm);transition:transform var(--transition-fast),color var(--transition-fast)}.achievement-link-icon:hover{color:#fff;transform:scale(1.15)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:var(--gap-grid)}.achievement-card{padding:clamp(22px,3.5vw,30px) clamp(18px,3vw,24px);display:flex;flex-direction:column;align-items:flex-start;position:relative}.achievement-icon-box{width:48px;height:48px;border-radius:var(--radius-md);background:#38bdf814;border:1px solid rgba(56,189,248,.25);display:flex;align-items:center;justify-content:center;color:var(--accent-sky);margin-bottom:18px}.achievement-title{font-size:1.25rem;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.achievement-subtitle{font-size:.85rem;color:var(--accent-sky);font-family:var(--font-mono);margin-bottom:12px}.achievement-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid);margin-bottom:clamp(32px,5vw,48px)}.service-card{padding:clamp(22px,3.5vw,30px) clamp(18px,3vw,24px);display:flex;flex-direction:column;align-items:flex-start;height:100%}.service-icon-box{width:50px;height:50px;border-radius:var(--radius-md);background:#10b98114;border:1px solid rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center;color:var(--accent-emerald);margin-bottom:18px}.service-title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.service-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.service-deliverables{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:auto;width:100%}.service-del-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted)}.services-cta-banner{text-align:center;padding:clamp(28px,5vw,44px) clamp(20px,4vw,36px);background:linear-gradient(180deg,#0e192db3,#0a101ed9);border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:18px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,48px)}.contact-info-panel{display:flex;flex-direction:column;gap:24px}.contact-direct-card{padding:clamp(22px,3.5vw,32px)}.contact-item{display:flex;align-items:center;gap:16px;margin-bottom:20px}.contact-item:last-child{margin-bottom:0}.contact-item-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#38bdf814;border:1px solid rgba(56,189,248,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-sky);flex-shrink:0}.contact-label{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase}.contact-val{font-size:.95rem;font-weight:600;color:var(--text-primary);word-break:break-all}.contact-form-card{padding:clamp(24px,4vw,36px)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-textarea{width:100%;padding:12px 16px;min-height:44px;background:#070a1299;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-sky);box-shadow:0 0 15px #38bdf833;background:#070a12d9}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-error-msg{font-size:.75rem;color:#ef4444;font-family:var(--font-mono)}.form-success-banner{padding:20px;border-radius:var(--radius-md);background:#10b9811a;border:1px solid rgba(16,185,129,.3);display:flex;align-items:flex-start;gap:12px;color:#34d399}.footer-wrapper{background:#05070d;border-top:1px solid var(--border-subtle);padding:56px 0 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:36px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:20px}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-tagline{font-size:.95rem;color:var(--text-muted)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap;gap:12px}.footer-nav{padding:24px 0;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:center}.footer-nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;list-style:none}.footer-nav-item{display:inline-flex;align-items:center;gap:14px}.footer-nav-link{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-nav-link:hover{color:var(--accent-sky)}.footer-nav-dot{color:var(--text-muted);font-weight:700;-webkit-user-select:none;user-select:none}@media (min-width: 1440px){:root{--max-width: 1280px}}@media (max-width: 1100px){.projects-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:32px}.hero-content{align-items:center}.hero-description{margin-left:auto;margin-right:auto}.hero-cta-group,.hero-social-group{justify-content:center}.hero-scene-container{height:360px;order:2}.about-grid,.contact-grid{grid-template-columns:1fr;gap:32px}}@media (max-width: 768px){.nav-links,.nav-actions .btn{display:none}.mobile-toggle{display:flex}.hero-scene-container{height:280px}.projects-grid,.services-grid{grid-template-columns:1fr}.education-header-grid{flex-direction:column;gap:16px}.cgpa-pill{width:100%;text-align:left}.footer-top,.footer-bottom{flex-direction:column;text-align:center;align-items:center}.achievement-showcase-banner{flex-direction:column;align-items:flex-start}.showcase-action{width:100%}.showcase-action .btn{width:100%;justify-content:center}}@media (max-width: 480px){.hero-heading{font-size:clamp(1.15rem,5.8vw,1.55rem);white-space:nowrap}.stats-grid{grid-template-columns:1fr}.skill-marquee-card{width:190px;padding:12px 14px;gap:12px}.skills-marquee-wrapper{gap:12px}.skills-marquee-group{gap:12px;padding-right:12px}.hero-cta-group{width:100%;flex-direction:column}.hero-cta-group .btn{width:100%}.hero-social-group{flex-wrap:wrap;justify-content:center}.project-actions{flex-direction:column;width:100%}.project-actions .btn{width:100%}.modal-content{margin:8px;padding:0}.modal-footer{flex-direction:column}.modal-footer .btn,.services-cta-banner .btn{width:100%}}@media (max-width: 375px){:root{--container-padding: 12px}.hero-heading{font-size:clamp(1rem,5.2vw,1.25rem);white-space:nowrap}.stat-value{font-size:1.7rem}.filter-container{gap:6px}.filter-btn{padding:6px 12px;font-size:.775rem}.timeline-company{font-size:1.05rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.status-dot{animation:none!important}.glass-card:hover,.btn-primary:hover,.btn-secondary:hover,.btn-icon:hover,.project-card:hover .project-image{transform:none!important}}
