:root{--bg-primary: #07080e;--bg-secondary: #0c0f18;--bg-card: rgba(15, 20, 32, .6);--bg-card-hover: rgba(22, 29, 46, .75);--bg-card-solid: #0f1420;--bg-pill: rgba(255, 255, 255, .05);--bg-pill-hover: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .14);--border-accent: rgba(0, 240, 255, .35);--border-emerald: rgba(0, 255, 163, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #00f0ff;--text-emerald: #00ffa3;--accent-cyan: #00f0ff;--accent-emerald: #00ffa3;--accent-violet: #a855f7;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent: var(--accent-emerald);--accent-2: var(--accent-cyan);--accent-3: var(--accent-violet);--accent-4: var(--accent-rose);--muted: var(--text-secondary);--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--container-max: 1200px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 12px 32px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 48px -6px rgba(0, 0, 0, .6);--shadow-glow-cyan: 0 0 30px rgba(0, 240, 255, .15);--shadow-glow-emerald: 0 0 30px rgba(0, 255, 163, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;background-color:var(--bg-primary)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:#00f0ff40;color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);letter-spacing:-.025em;line-height:1.2}h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800}h2{font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:750}h3{font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:650}h4{font-size:1.15rem;font-weight:600}p{color:var(--text-secondary);font-size:1rem}a{color:inherit;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:110px 0;position:relative;z-index:1}.section-header{text-align:center;max-width:680px;margin:0 auto 56px}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:#00f0ff14;border:1px solid rgba(0,240,255,.2);color:var(--accent-cyan);font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.section-header h2{margin-bottom:14px}.section-header p{font-size:1.08rem;color:var(--text-secondary)}.motion-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 0%,#0c121ee6,#07080e 80%)}.backdrop-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.28;will-change:transform}.orb-a{width:500px;height:500px;top:-100px;left:10%;background:radial-gradient(circle,rgba(0,240,255,.5) 0%,transparent 70%)}.orb-b{width:600px;height:600px;top:35%;right:-5%;background:radial-gradient(circle,rgba(168,85,247,.35) 0%,transparent 70%)}.orb-c{width:520px;height:520px;bottom:5%;left:5%;background:radial-gradient(circle,rgba(0,255,163,.35) 0%,transparent 70%)}.backdrop-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at 50% 50%,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 40%,transparent 80%)}.scroll-progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00f0ff,#00ffa3,#a855f7);transform-origin:0%;z-index:2000;box-shadow:0 0 12px #00f0ff99}.nav-wrapper{position:fixed;top:20px;left:0;width:100%;display:flex;justify-content:center;z-index:1000;pointer-events:none;padding:0 16px}.floating-dock{pointer-events:auto;display:flex;align-items:center;gap:4px;background:#0d111ac7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-medium);border-radius:var(--radius-full);padding:6px 10px;box-shadow:0 16px 36px #00000080,0 0 0 1px #ffffff0d}.nav-brand-badge{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;margin-right:6px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-primary);font-weight:700;font-size:.9rem;letter-spacing:-.01em}.nav-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald);animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.nav-links{display:flex;align-items:center;gap:2px;list-style:none}.nav-link-btn{position:relative;padding:8px 14px;border-radius:var(--radius-full);font-size:.85rem;font-weight:550;color:var(--text-secondary);transition:color .25s ease;white-space:nowrap}.nav-link-btn:hover,.nav-link-btn.active{color:var(--text-primary)}.nav-active-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:#ffffff17;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d;z-index:-1}.nav-resume-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-left:4px;border-radius:var(--radius-full);background:linear-gradient(135deg,#00f0ff1f,#00ffa31f);border:1px solid rgba(0,240,255,.35);color:var(--accent-cyan);font-size:.82rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.nav-resume-btn:hover{background:linear-gradient(135deg,#00f0ff,#00ffa3);color:#07080e;border-color:#00f0ff;box-shadow:0 4px 16px #00f0ff59;transform:translateY(-1px)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-primary)}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#07080ef2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px}.mobile-drawer-link{font-size:1.5rem;font-weight:650;font-family:var(--font-heading);color:var(--text-secondary);transition:all .2s ease}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:var(--accent-cyan);transform:translate(6px)}.hero-landing-original{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 40px;background-image:url(/images/hero-bg.png);background-size:auto 65%;background-position:left bottom;background-repeat:no-repeat;background-color:#000;position:relative;overflow:hidden;z-index:2}.hero-content-original{width:92%;max-width:1540px;position:relative;z-index:1}.hero-grid-original{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;text-align:left;width:100%}.hero-spacer-col-original{min-height:520px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:0;padding-left:15px}.role-roller-floating-box{width:100%;max-width:480px;margin-top:15px;margin-bottom:auto;z-index:10}.role-roller-track-wrap{width:100%;overflow:hidden;background:#0a0f1ab8;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-full);padding:8px 14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #00000080,0 0 20px #00f0ff1f;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.role-roller-track{display:flex;align-items:center;gap:22px;width:max-content;animation:rollRoles 24s linear infinite}.role-roller-track:hover{animation-play-state:paused}.role-roller-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:#cbd5e1;letter-spacing:.08em;white-space:nowrap}.roller-arrow{color:var(--accent-cyan);font-size:.7rem}@keyframes rollRoles{0%{transform:translate(0)}to{transform:translate(-50%)}}.apple-hello-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:999999;pointer-events:none}.apple-hello-intro-content{display:flex;align-items:center;justify-content:center}.apple-hello-intro-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Devanagari,Noto Sans Gujarati,Playfair Display,sans-serif;font-style:normal;font-size:clamp(3.8rem,6.8vw,6.2rem);font-weight:350;letter-spacing:.01em;background:linear-gradient(135deg,#fff,#00f0ff 60%,#00ffa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px rgba(0,240,255,.45));line-height:1.15}.apple-hello-intro-dot{color:#00ffa3;-webkit-text-fill-color:#00ffa3;font-weight:400}.hero-text-col-original{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-name-row-original{display:flex;align-items:center;gap:14px;margin-bottom:8px;flex-wrap:nowrap}.hero-name-heading-original{font-size:clamp(2.2rem,3.8vw,3.4rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}.hero-pronoun-tag-original{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--accent-cyan);background:#00f0ff14;border:1px solid rgba(0,240,255,.35);padding:3px 10px;border-radius:var(--radius-full)}.hero-role-line-original{font-family:var(--font-mono);font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:800;color:var(--accent-cyan);letter-spacing:.05em;text-transform:uppercase;margin:6px 0 20px;display:flex;align-items:center;gap:2px;min-height:1.8em}.typewriter-cursor-original{color:var(--accent-cyan);font-weight:400;animation:blinkCursor .85s infinite}.hero-bio-text-original{font-size:.98rem;line-height:1.75;color:#cbd5e1;margin-bottom:28px;text-align:left;max-width:620px}.hero-stats-row-original{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.hero-stat-card-original{background:#0f1420b3;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px 20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-width:140px;transition:all .25s ease}.hero-stat-card-original:hover{background:#161d2ed9;border-color:#00ffa359;transform:translateY(-2px)}.hero-stat-number-original{font-family:var(--font-heading);font-size:1.55rem;font-weight:800;color:var(--accent-emerald);line-height:1.1;margin-bottom:4px}.hero-stat-label-original{font-size:.8rem;color:#94a3b8;font-weight:500}.hero-cta-buttons-original{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);background:linear-gradient(135deg,#00f0ff,#00ffa3);color:#07080e;font-weight:700;font-size:.92rem;transition:all .25s ease;box-shadow:0 8px 24px #00f0ff4d}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00f0ff73}.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:600;font-size:.92rem;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width: 1024px){.hero-landing-original{background-image:linear-gradient(#000000c7,#000000c7),url(/images/hero-bg.png);background-size:cover;background-position:center center;padding:110px 20px 60px}.hero-spacer-col-original{display:none}.hero-grid-original{grid-template-columns:1fr;text-align:center}.hero-text-col-original{align-items:center;text-align:center}.hero-name-row-original,.hero-role-line-original{justify-content:center}.hero-bio-text-original{text-align:center}.hero-stats-row-original,.hero-cta-buttons-original{justify-content:center}}.hero-title-row{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}.hero-name-bold{font-size:clamp(2.4rem,4.2vw,3.8rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.1}.hero-pronoun-badge{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--accent-cyan);background:#00f0ff14;border:1px solid rgba(0,240,255,.3);padding:3px 10px;border-radius:var(--radius-full)}.hero-cyan-tagline{font-family:var(--font-mono);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;color:var(--accent-cyan);letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:4px;min-height:2.2rem}.hero-bio-paragraph{font-size:1.02rem;line-height:1.8;color:#d1d5db;margin-bottom:32px;max-width:640px}.hero-metric-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:580px}.hero-metric-card{background:#0f1420a6;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .25s ease}.hero-metric-card:hover{background:#161d2ecc;border-color:#00ffa34d;transform:translateY(-2px)}.hero-metric-val{font-family:var(--font-heading);font-size:1.65rem;font-weight:800;color:var(--accent-emerald);line-height:1.1;margin-bottom:4px}.hero-metric-lbl{font-size:.8rem;color:#94a3b8;font-weight:500}.hero-section{min-height:94vh;display:flex;align-items:center;position:relative;padding-top:130px;padding-bottom:60px}.hero-grid-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.hero-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:#00ffa314;border:1px solid rgba(0,255,163,.25);color:var(--accent-emerald);font-family:var(--font-mono);font-size:.82rem;font-weight:550;margin-bottom:22px}.hero-name-wrapper{margin-bottom:12px}.hero-name{background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-role-typewriter{font-family:var(--font-mono);font-size:clamp(1.1rem,2vw,1.45rem);font-weight:600;color:var(--accent-cyan);display:flex;align-items:center;gap:6px;min-height:2.2rem;margin-bottom:22px}.typewriter-cursor{animation:blinkCursor .85s infinite;color:var(--accent-emerald)}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.hero-bio{font-size:1.08rem;line-height:1.75;color:var(--text-secondary);margin-bottom:36px;max-width:580px}.hero-cta-group{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:44px}.btn-premium{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:var(--radius-full);font-weight:650;font-size:.95rem;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#00f0ff,#00ffa3);color:#07080e;box-shadow:0 8px 24px #00f0ff47}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00f0ff6b}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-medium);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.hero-stats-row{display:flex;align-items:center;gap:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.hero-stat-item{display:flex;flex-direction:column}.hero-stat-number{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.1}.hero-stat-number span{color:var(--accent-cyan)}.hero-stat-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.hero-avatar-showcase{position:relative;display:flex;justify-content:center;align-items:center}.avatar-card-frame{position:relative;width:100%;max-width:360px;border-radius:var(--radius-xl);padding:12px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid var(--border-medium);box-shadow:0 24px 60px #0009,var(--shadow-glow-cyan)}.avatar-image-wrap{position:relative;width:100%;height:420px;border-radius:calc(var(--radius-xl) - 4px);overflow:hidden;background:#101420}.avatar-img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s cubic-bezier(.16,1,.3,1)}.avatar-card-frame:hover .avatar-img{transform:scale(1.04)}.avatar-floating-tag{position:absolute;display:flex;align-items:center;gap:8px;background:#0d111ae0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-medium);border-radius:var(--radius-full);padding:8px 14px;font-size:.8rem;font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-md)}.tag-top-right{top:-14px;right:-14px}.tag-bottom-left{bottom:20px;left:-20px}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.bento-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-3px);box-shadow:var(--shadow-md)}.bento-col-8{grid-column:span 8}.bento-col-4{grid-column:span 4}.bento-col-6{grid-column:span 6}.bento-col-12{grid-column:span 12}.bento-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.bento-icon-badge{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#00f0ff14;border:1px solid rgba(0,240,255,.2);color:var(--accent-cyan)}.skills-filter-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:22px}.skill-tab-btn{padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border-subtle);transition:all .2s ease}.skill-tab-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.skill-tab-btn.active{color:#07080e;background:var(--accent-cyan);border-color:var(--accent-cyan);font-weight:700}.skill-chips-wrap{display:flex;flex-wrap:wrap;gap:10px}.skill-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-subtle);font-size:.85rem;font-weight:550;color:var(--text-primary);transition:all .2s ease}.skill-chip:hover{background:#ffffff17;border-color:var(--border-accent);color:var(--accent-cyan);transform:translateY(-2px)}.skill-chip svg{font-size:1.05rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.project-case-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:34px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:space-between;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-case-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:0;transition:opacity .3s ease}.project-case-card:hover{background:var(--bg-card-hover);border-color:#00f0ff4d;transform:translateY(-5px);box-shadow:0 20px 48px #00000080,var(--shadow-glow-cyan)}.project-case-card:hover:before{opacity:1}.project-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.project-category-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-emerald);padding:4px 10px;border-radius:var(--radius-full);background:#00ffa314;border:1px solid rgba(0,255,163,.2)}.project-title{font-size:1.45rem;font-weight:750;margin-bottom:6px}.project-subtitle{font-size:.88rem;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:16px}.project-desc{font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin-bottom:22px}.project-highlights-box{background:#00000040;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.project-highlights-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.project-highlights-list{list-style:none;display:flex;flex-direction:column;gap:8px}.project-highlights-list li{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:8px}.project-highlights-list li:before{content:"▹";color:var(--accent-cyan);font-weight:700}.project-tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.project-pill{font-size:.78rem;font-family:var(--font-mono);padding:4px 10px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary)}.project-actions{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid var(--border-subtle)}.project-link-btn{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:650;color:var(--accent-cyan);transition:all .2s ease}.project-link-btn:hover{color:#fff;transform:translate(4px)}.hackathons-stats-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:40px}.hack-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 12px;text-align:center;transition:all .2s ease}.hack-stat-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover)}.hack-stat-val{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--accent-cyan)}.hack-stat-name{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.hackathon-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.hack-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.hack-card:hover{background:var(--bg-card-hover);border-color:#ffffff29;transform:translateY(-3px);box-shadow:var(--shadow-md)}.hack-top-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hack-status-badge{font-size:.72rem;font-family:var(--font-mono);font-weight:650;padding:3px 9px;border-radius:var(--radius-full);text-transform:uppercase}.status-completed{background:#00ffa31a;color:#00ffa3;border:1px solid rgba(0,255,163,.3)}.status-selected{background:#00f0ff1a;color:#00f0ff;border:1px solid rgba(0,240,255,.3)}.status-participated{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.status-upcoming{background:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.status-ongoing{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.hack-title{font-size:1.15rem;font-weight:700;margin-bottom:4px}.hack-organizer{font-size:.85rem;color:var(--text-muted);margin-bottom:12px}.hack-project-name{font-size:.95rem;font-weight:600;color:var(--accent-cyan);margin-bottom:6px}.hack-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.hack-meta-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border-subtle);font-size:.82rem;color:var(--text-muted)}.hack-role-chip{background:#ffffff0a;padding:4px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.78rem}.edu-achieve-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.timeline-column{display:flex;flex-direction:column;gap:20px}.timeline-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .3s ease}.timeline-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-2px)}.timeline-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.timeline-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-cyan);background:#00f0ff14;padding:4px 10px;border-radius:var(--radius-full)}.timeline-institution{font-size:1.15rem;font-weight:700;margin-bottom:4px}.timeline-degree{font-size:.9rem;color:var(--text-secondary);margin-bottom:14px}.timeline-score-pill{display:inline-flex;align-items:center;gap:6px;background:#00ffa314;border:1px solid rgba(0,255,163,.25);color:var(--accent-emerald);padding:4px 12px;border-radius:var(--radius-full);font-weight:650;font-size:.85rem;margin-bottom:14px}.semester-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.sem-box{background:#00000040;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 8px;text-align:center}.sem-title{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.sem-val{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-top:2px}.certs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cert-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.cert-card:hover{background:var(--bg-card-hover);border-color:#00f0ff4d;transform:translateY(-4px);box-shadow:var(--shadow-md)}.cert-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cert-provider-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-violet);background:#a855f71a;padding:4px 10px;border-radius:var(--radius-full)}.cert-elite-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-emerald);background:#00ffa31a;border:1px solid rgba(0,255,163,.3);padding:4px 10px;border-radius:var(--radius-full)}.cert-name{font-size:1.12rem;font-weight:700;margin-bottom:8px;line-height:1.35}.cert-date{font-size:.82rem;color:var(--text-muted);margin-bottom:14px}.cert-score-breakdown{background:#00000040;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;font-size:.8rem;color:var(--text-secondary);margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.cert-verify-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--accent-cyan);margin-top:12px}.cert-verify-btn:hover{text-decoration:underline}.hobbies-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hobby-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.hobby-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-4px);box-shadow:var(--shadow-md)}.hobby-icon-wrap{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#00f0ff14;border:1px solid rgba(0,240,255,.2);color:var(--accent-cyan);margin-bottom:18px;font-size:1.3rem}.hobby-category{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.hobby-title{font-size:1.15rem;font-weight:700;margin-bottom:10px}.hobby-desc{font-size:.88rem;line-height:1.65;color:var(--text-secondary)}.github-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.github-card-frame{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.github-card-frame:hover{border-color:var(--border-medium);transform:translateY(-3px);box-shadow:var(--shadow-md)}.github-card-frame img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.contact-container-card{background:linear-gradient(135deg,#101626cc,#0a0d16e6);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:60px 48px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 24px 60px #00000080,var(--shadow-glow-cyan)}.contact-header-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;margin-bottom:48px}.contact-email-copy-box{display:flex;align-items:center;gap:12px;background:#00000059;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:8px 10px 8px 20px;margin-top:24px;max-width:440px}.contact-email-text{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);flex-grow:1}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background:var(--accent-cyan);color:#07080e;font-weight:700;font-size:.82rem;transition:all .2s ease}.copy-btn:hover{background:#fff;transform:scale(1.03)}.socials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.social-card-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-primary);font-weight:600;font-size:.9rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.social-card-btn:hover{background:#ffffff17;border-color:var(--border-accent);color:var(--accent-cyan);transform:translateY(-2px)}.site-footer{text-align:center;padding:40px 0;color:var(--text-muted);font-size:.88rem;border-top:1px solid var(--border-subtle)}.toast-notice{position:fixed;bottom:28px;right:28px;background:#0d111aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--accent-emerald);box-shadow:0 12px 36px #0009,var(--shadow-glow-emerald);color:#fff;padding:12px 22px;border-radius:var(--radius-full);display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;z-index:9999}.back-to-top-btn{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:#0d111ad9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-medium);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:900;transition:all .25s ease}.back-to-top-btn:hover{background:#ffffff1a;border-color:var(--accent-cyan);transform:translateY(-3px)}@media (max-width: 1024px){.hero-grid-layout{grid-template-columns:1fr;gap:40px;text-align:center}.hero-bio{margin-left:auto;margin-right:auto}.hero-cta-group,.hero-stats-row,.hero-role-typewriter{justify-content:center}.bento-col-8,.bento-col-4,.bento-col-6{grid-column:span 12}.projects-grid{grid-template-columns:1fr}.hackathons-stats-bar{grid-template-columns:repeat(3,1fr)}.hackathon-list-grid,.edu-achieve-grid{grid-template-columns:1fr}.certs-grid,.hobbies-grid{grid-template-columns:repeat(2,1fr)}.github-grid-layout{grid-template-columns:1fr}.contact-header-layout{grid-template-columns:1fr;text-align:center}.contact-email-copy-box{margin-left:auto;margin-right:auto}.socials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.floating-dock .nav-links{display:none}.mobile-menu-toggle{display:flex}.certs-grid,.hobbies-grid,.socials-grid{grid-template-columns:1fr}.hackathons-stats-bar{grid-template-columns:repeat(2,1fr)}.hero-stats-row{gap:20px}.hero-stat-number{font-size:1.4rem}.contact-container-card{padding:36px 20px}}.spider-web-outer-wrap{width:100%;display:flex;flex-direction:column;align-items:center;margin:10px 0 20px}.spider-web-header{text-align:center;margin-bottom:24px}.marvel-spider-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;border-radius:var(--radius-full);background:#ff005514;border:1px solid rgba(255,0,85,.35);color:#f05;font-family:var(--font-mono);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;box-shadow:0 0 15px #f053}.marvel-spider-dot{width:7px;height:7px;border-radius:50%;background:#f05;box-shadow:0 0 8px #f05;animation:pulseMarvelDot 1.5s infinite}@keyframes pulseMarvelDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.spider-web-title{font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:900;letter-spacing:.04em;background:linear-gradient(135deg,#fff,#00f0ff,#f05);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.spider-web-header p{color:#94a3b8;font-size:.92rem}.spider-web-canvas-container{position:relative;width:100%;max-width:860px;aspect-ratio:1 / 1;margin:0 auto;display:flex;align-items:center;justify-content:center}.spider-ambient-glow{position:absolute;width:65%;height:65%;border-radius:50%;background:radial-gradient(circle,rgba(255,0,85,.12) 0%,rgba(0,240,255,.08) 50%,transparent 75%);filter:blur(40px);pointer-events:none;z-index:1}.spider-web-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.spider-nodes-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.marvel-spider-node{position:absolute;width:42px;height:42px;border-radius:50%;background:#0a0e19f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}.marvel-spider-node:hover,.marvel-spider-node.hovered{transform:translate(-50%,-50%) scale(1.36)!important;background:#101628fa;z-index:30}.marvel-spider-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#080c16f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--accent-cyan);color:#fff;font-family:var(--font-mono);font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 10px 25px #000c,0 0 15px #00f0ff4d;display:flex;align-items:center;gap:6px;animation:fadeInWebTip .18s ease-out;z-index:40}.tooltip-spider-indicator{width:6px;height:6px;border-radius:50%}@keyframes fadeInWebTip{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.spider-center-trigger-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,#1a050f,#080b14);border:2px solid #ff0055;box-shadow:0 0 30px #ff005580,inset 0 0 15px #00f0ff4d;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:35;outline:none}.spider-center-trigger-btn:hover{border-color:#00f0ff;box-shadow:0 0 45px #00f0ffb3,inset 0 0 20px #ff005580}.spider-emblem-svg{width:32px;height:32px;filter:drop-shadow(0 0 10px #00f0ff)}.spider-shoot-callout{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);background:#0a0f1af2;border:1px solid #ff0055;box-shadow:0 0 20px #f056;color:#fff;font-family:var(--font-mono);font-size:.76rem;font-weight:800;padding:6px 14px;border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.05em;animation:bounceCallout 1.6s infinite ease-in-out}@keyframes bounceCallout{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.spider-action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.spider-action-btn.primary{background:linear-gradient(135deg,#f05,#00f0ff);color:#fff;border:none;box-shadow:0 4px 16px #f056}.spider-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00f0ff99}.spider-action-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#94a3b8}.spider-action-btn.secondary:hover{background:#ffffff1f;color:#fff}@media (max-width: 768px){.marvel-spider-node{width:30px;height:30px}.marvel-spider-node svg{font-size:13px!important}}