@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-desk-1:#0a0806;--bg-desk-2:#14100c;--alu-1:#e2e8f0;--alu-2:#94a3b8;--alu-3:#334155;--alu-dark:#1e293b;--ink:#f9fafb;--ink-dim:#9ca3af;--ink-dimmer:#6b7280;--amber:#f59e0b;--amber-glow:#f59e0b40;--cyan:#38bdf8;--screen-bg:#090d16;--plat-github:#d1d5db;--plat-leetcode:#ffa116;--plat-codechef:#b8763e;--plat-codeforces:#3b82f6;--plat-hackerrank:#2ec866;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Fira Code", monospace}*{box-sizing:border-box}body{background:var(--bg-desk-1);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.nav{z-index:1000;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none;justify-content:space-between;align-items:flex-start;padding:16px 20px;font-size:11px;display:flex;position:fixed;top:0;left:0;right:0}.nav span.mark{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a08068c;border:1px solid #ffffff14;border-radius:6px;padding:6px 10px;font-weight:600}@media (width<=640px){.nav{padding:12px 14px;font-size:9px}}.lead-in{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative}.lead-in .eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:16px;font-size:13px}.lead-in h1{font-family:var(--font-display);margin:0 0 20px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05}.lead-in h1 em{color:var(--ink-dim);font-style:normal}.role-switcher{justify-content:center;align-items:center;height:1.6rem;margin:0 0 14px;display:flex;overflow:hidden}.role-switch-text{font-family:var(--font-mono);letter-spacing:.02em;color:var(--cyan);font-size:1rem;font-weight:600;animation:.6s cubic-bezier(.16,1,.3,1) roleSwitchIn}@keyframes roleSwitchIn{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.lead-in p.sub-hero{max-width:680px;color:var(--ink-dim);font-size:1rem;line-height:1.6;font-family:var(--font-body);margin:0 0 20px}.hero-line{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards heroLineIn;transform:translateY(22px)}@keyframes heroLineIn{to{opacity:1;transform:translateY(0)}}.hero-meta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:30px;display:flex}.hero-meta-row .pill{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-dim);background:#ffffff08;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:6px 13px;font-size:10.5px;display:inline-flex}.hero-meta-row .pill .pin{color:var(--amber)}.hero-meta-row .pill.work{color:#6ee7b7;background:#10b9811a;border-color:#10b98166}.hero-meta-row .pill.work i{background:#34d399;border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulseDot;display:inline-block;box-shadow:0 0 8px #34d399}.scroll-cue-container{flex-direction:column;align-items:center;gap:8px;display:flex}.scroll-arrow-down{color:var(--amber);font-size:1.4rem;animation:1.8s ease-in-out infinite bounceDown}@keyframes bounceDown{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.scroll-track{height:1100vh;position:relative}.stage{z-index:20;background:radial-gradient(circle,#1a140e 0%,#080605 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.desk-caption{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dimmer);z-index:30;pointer-events:none;font-size:10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.rail{z-index:500;pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.rail button{all:unset;cursor:pointer;font-family:var(--font-mono);color:var(--ink-dimmer);border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:10px;transition:all .2s;display:flex}.rail button:hover{color:#fff;background:#ffffff0f}.rail button .dot{background:var(--alu-3);border-radius:50%;width:6px;height:6px;transition:all .3s}.rail button.active .dot{background:var(--tab-accent,var(--amber));box-shadow:0 0 8px var(--tab-accent,var(--amber));transform:scale(1.3)}.rail button.active{color:#fff;background:color-mix(in srgb, var(--tab-accent,var(--amber)) 12%, transparent);font-weight:600}.laptop-perspective{perspective:2000px;z-index:100;justify-content:center;align-items:center;width:min(850px,85vw);max-height:84vh;display:flex}.macbook-assembly{width:100%;max-height:100%;transform-style:preserve-3d;flex-direction:column;align-items:center;display:flex}.lid{aspect-ratio:16/11.8;transform-origin:bottom;width:100%;max-height:80vh;transform-style:preserve-3d;will-change:transform;background:linear-gradient(175deg,#788290 0%,#3a414b 35%,#1e2228 100%);border-radius:16px 16px 4px 4px;padding:8px 8px 12px;transition:transform 50ms linear;position:relative;box-shadow:0 30px 70px #000000f2,inset 0 1px 2px #fff9,inset 0 -1px 2px #000c}.bezel{background:#000;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000000e6}.lid-cover{z-index:480;background:radial-gradient(circle at 50% 42%,#ffffff0d,#0000 55%),linear-gradient(160deg,#12151a 0%,#05070a 70%);border-radius:10px;justify-content:center;align-items:center;transition:opacity 50ms linear;display:flex;position:absolute;inset:0}.lid-cover .cover-mark{font-family:var(--font-mono);letter-spacing:.3em;color:#ffffff29;text-transform:uppercase;font-size:10px}.mac-camera-notch{z-index:500;background:#000;border-bottom-right-radius:6px;border-bottom-left-radius:6px;justify-content:center;align-items:center;gap:12px;width:120px;height:14px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.webcam-lens{background:radial-gradient(circle,#0f172a 30%,#000 80%);border:1px solid #1e293b;border-radius:50%;width:6px;height:6px;position:relative}.webcam-lens:after{content:"";background:#fff9;border-radius:50%;width:2px;height:2px;position:absolute;top:1px;right:1px}.camera-indicator{background:#10b981;border-radius:50%;width:3px;height:3px;box-shadow:0 0 4px #10b981}.screen-content{--tab-accent:var(--amber);background:radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--tab-accent) 14%, transparent), transparent 45%), radial-gradient(circle at 100% 100%, #38bdf812, transparent 45%), linear-gradient(#ffffff06 1px, transparent 1px) 0 0 / 100% 22px, var(--screen-bg);z-index:200;width:100%;height:100%;color:var(--ink);background-size:220% 220%,220% 220%,100% 22px,100% 100%;padding:22px 18px 14px;transition:background .6s;animation:18s ease-in-out infinite screenDrift;position:relative;overflow-y:auto}@keyframes screenDrift{0%,to{background-position:15% 0,100% 100%,0 0,0 0}50%{background-position:30% 15%,85% 85%,0 0,0 0}}.screen-content::-webkit-scrollbar{width:6px}.screen-content::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:3px}.screen-banner{background:#0f172acc;border:1px solid #38bdf840;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 10px;display:flex}.screen-banner .dev-name{font-family:var(--font-display);color:var(--tab-accent);font-size:.88rem;font-weight:700;transition:color .6s}.screen-banner .dev-status{font-family:var(--font-mono);color:var(--cyan);font-size:10px}.panel{flex-direction:column;gap:8px;width:100%;display:none}.panel.active{animation:.4s ease-out fadeIn;display:flex}.win-head{font-family:var(--font-mono);color:var(--ink-dimmer);text-transform:uppercase;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;margin-bottom:2px;padding-bottom:8px;font-size:10px;display:flex}.win-head .traffic{gap:5px;margin-right:4px;display:flex}.win-head .traffic i{border-radius:50%;width:7px;height:7px;display:block}.win-head .traffic i:first-child{background:#ef4444}.win-head .traffic i:nth-child(2){background:#f59e0b}.win-head .traffic i:nth-child(3){background:#10b981}.panel h2{font-family:var(--font-display);color:#fff;margin:0;padding-left:12px;font-size:1.15rem;font-weight:700;position:relative}.panel h2:before{content:"";background:linear-gradient(180deg, var(--tab-accent), var(--cyan));border-radius:2px;width:3px;transition:background .6s;position:absolute;top:2px;bottom:2px;left:0}.about-layout{text-align:left;flex-direction:row;align-items:center;gap:20px;display:flex}.about-photo{object-fit:contain;border:3px solid var(--tab-accent);border-radius:14px;flex-shrink:0;width:auto;max-width:100%;height:260px;margin-left:28px;box-shadow:0 8px 24px #0000004d}.about-copy{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:480px;display:flex}@media (width<=480px){.about-layout{text-align:center;flex-direction:column}.about-copy{align-items:center}.about-photo{height:180px;margin-left:0}}.single-skills-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.skill-line{color:#d1d5db;font-size:.75rem;line-height:1.4}.skill-line strong{font-family:var(--font-mono);color:var(--amber);text-transform:uppercase;min-width:120px;margin-right:6px;font-size:.72rem;display:inline-block}.coding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px;display:grid}.cc-card-detailed{--plat:var(--amber);background:linear-gradient(145deg,#1e293bbf,#0f172af2);border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;gap:5px;padding:9px 10px 8px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.cc-card-detailed:before{content:"";background:var(--plat);opacity:.85;height:2px;position:absolute;top:0;left:0;right:0}.cc-card-detailed:hover{background:linear-gradient(145deg, color-mix(in srgb, var(--plat) 14%, #1e293be6), #0f172af2);border-color:var(--plat);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--plat) 60%, transparent);transform:translateY(-2px)}.cc-card-detailed .card-header{justify-content:space-between;align-items:center;display:flex}.cc-card-detailed .platform{font-family:var(--font-mono);color:var(--plat);text-transform:uppercase;letter-spacing:.03em;font-size:9.5px;font-weight:600}.cc-github{--plat:var(--plat-github)}.cc-leetcode{--plat:var(--plat-leetcode)}.cc-codechef{--plat:var(--plat-codechef)}.cc-codeforces{--plat:var(--plat-codeforces)}.cc-hackerrank{--plat:var(--plat-hackerrank)}.badge{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;transform-origin:100%;border-radius:3px;align-items:center;gap:3px;padding:2px 5px 2px 4px;font-size:9px;font-weight:600;display:inline-flex;transform:scale(.62)}.badge .status-dot{border-radius:50%;width:4px;height:4px;display:inline-block}.status-live{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.status-live .status-dot{background:#10b981;animation:1.6s infinite pulseDot;box-shadow:0 0 6px #10b981}.status-cached{color:var(--amber);background:#f59e0b1a;border:1px solid #f59e0b47}.status-cached .status-dot{background:var(--amber)}.status-manual{color:var(--ink-dim);background:#ffffff0d;border:1px solid #ffffff26}.status-manual .status-dot{background:var(--ink-dimmer)}.status-loading{color:var(--ink-dimmer);background:#ffffff0a;border:1px solid #ffffff1a}.status-loading .status-dot{background:var(--ink-dimmer);animation:1s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.25}}.val.skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff29 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:3px;animation:1.3s infinite shimmer;color:#0000!important}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.manual-mark{color:var(--ink-dimmer);cursor:help;margin-left:1px;font-size:9px}.coding-footnote{font-family:var(--font-mono);color:var(--ink-dimmer);text-align:right;transform-origin:100%;margin:4px 0 0;font-size:9px;transform:scale(.6)}.cc-metrics-grid{background:#00000040;border-radius:4px;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px 8px;display:grid}.metric-box{flex-direction:column;display:flex}.metric-box .label{font-family:var(--font-mono);color:var(--ink-dimmer);text-transform:uppercase;font-size:8px}.metric-box .val{font-family:var(--font-display);color:#fff;font-size:.85rem;font-weight:700}.hr-live-badge{background:#ffffffe6;border-radius:4px;width:100%;display:block}.cc-breakdown{font-family:var(--font-mono);background:#ffffff08;border-radius:3px;justify-content:space-between;padding:4px 6px;font-size:9px;display:flex}.proj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px;display:grid}.proj-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;justify-content:space-between;padding:10px;text-decoration:none;transition:all .2s;display:flex}.proj-card:hover{border-color:var(--amber);background:#f59e0b1a;transform:translateY(-1px)}.proj-card .tag{font-family:var(--font-mono);color:var(--amber);text-transform:uppercase;font-size:9px;font-weight:600}.proj-card h3{font-family:var(--font-display);color:#fff;margin:3px 0;font-size:.88rem}.proj-card p{color:var(--ink-dim);margin:0 0 6px;font-size:.72rem;line-height:1.35}.proj-card .repo-link{font-family:var(--font-mono);color:var(--cyan);font-size:9px;font-weight:600}.project-expanded-view{border:1px solid var(--amber);background:linear-gradient(145deg,#0f172af2,#1e293bd9);border-radius:8px;flex-direction:column;gap:10px;padding:14px;animation:.25s ease-in-out fadeIn;display:flex;box-shadow:0 4px 20px #f59e0b26}.back-btn{color:var(--amber);border:1px solid var(--amber);cursor:pointer;font-family:var(--font-mono);background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border-radius:20px;align-self:flex-start;padding:5px 12px;font-size:10px;font-weight:600;transition:all .2s;box-shadow:0 0 10px #f59e0b33}.back-btn:hover{background:var(--amber);color:#000;transform:translate(-2px);box-shadow:0 0 15px #f59e0b80}.proj-expanded-header{border-bottom:1px dashed #ffffff26;padding-bottom:8px}.proj-expanded-header .tag{font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;letter-spacing:.05em;font-size:9.5px}.proj-expanded-header h2{font-family:var(--font-display);color:#fff;margin:4px 0 2px;font-size:1.15rem}.proj-expanded-header .tech-stack{font-family:var(--font-mono);color:var(--amber);font-size:10.5px}.proj-bullet-list ul{margin:4px 0;padding-left:18px}.proj-bullet-list li{color:#e2e8f0;margin-bottom:6px;font-size:.75rem;line-height:1.45}.hobbies-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px;display:grid}.hobby-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:3px;padding:10px;display:flex}.hobby-card .icon{font-size:1.1rem}.hobby-card h3{font-family:var(--font-display);color:#fff;margin:0;font-size:.82rem}.exp-item,.edu-card,.pub-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:6px;padding:10px}.exp-item .role,.edu-card h3,.pub-card h3{font-family:var(--font-display);color:#fff;margin:0 0 3px;font-size:.9rem;font-weight:600}.exp-item .meta,.edu-card .sub,.pub-card .sub{font-family:var(--font-mono);color:var(--amber);text-transform:uppercase;margin-bottom:6px;font-size:9px;display:block}.edu-sub-lg{letter-spacing:.03em;font-weight:700;font-size:12.5px!important}.exp-item ul{margin:0 0 6px;padding-left:1.1em}.exp-item li,.edu-card p,.pub-card p{color:var(--ink-dim);margin-bottom:3px;font-size:.72rem;line-height:1.4}.cert-link-btn{font-family:var(--font-mono);color:var(--cyan);background:#38bdf814;border:1px solid #38bdf866;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;text-decoration:none;display:inline-flex}.base{background:linear-gradient(#94a3b8 0%,#475569 50%,#1e293b 100%);border-radius:0 0 14px 14px;width:104%;height:16px;margin-top:-2px;position:relative;box-shadow:0 16px 30px #000c,inset 0 1px 1px #ffffff80}.mac-thumb-notch{background:#1e293b;border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:70px;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000c}.closing{text-align:center;z-index:30;background:linear-gradient(180deg, var(--bg-desk-2), #050403);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative}.closing h2{font-family:var(--font-display);margin:0 0 14px;font-size:2.2rem}.closing .lede{max-width:520px;color:var(--ink-dim);margin:0 0 32px;font-size:.95rem;line-height:1.6}.resume-download-btn{border:1px solid var(--amber);color:var(--amber);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:#f59e0b26;border-radius:30px;align-items:center;gap:8px;margin-bottom:34px;padding:10px 20px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.resume-download-btn:hover{background:var(--amber);color:#000;box-shadow:0 0 16px var(--amber-glow)}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:620px;margin:0 0 36px;display:grid}.contact-grid.contact-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}.contact-grid.contact-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px}@media (width<=560px){.contact-grid.contact-grid-3{grid-template-columns:1fr}}.contact-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;text-decoration:none;transition:all .2s;display:flex}.contact-card:hover{border-color:var(--amber);background:#f59e0b14;transform:translateY(-2px)}.contact-card .ic{font-size:1.15rem}.contact-card .lbl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dimmer);font-size:8.5px}.contact-card .val{color:var(--ink);word-break:break-word;font-size:.78rem}.contact-card .val.sub{color:var(--ink-dim);font-size:.68rem}@media (width<=560px){.contact-grid{grid-template-columns:1fr}}.find-me-on{width:100%;max-width:640px;margin-bottom:40px}.find-me-on .eyebrow-small{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dimmer);margin-bottom:14px;font-size:10.5px}.contact-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.contact-links a{font-family:var(--font-mono);color:var(--ink-dim);border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:10px;text-decoration:none;transition:all .2s;display:inline-flex}.contact-links a .plat-icon{font-size:12px}.contact-links a:hover{color:#000;border-color:var(--plat,var(--amber));background:var(--plat,var(--amber));box-shadow:0 0 14px color-mix(in srgb, var(--plat,var(--amber)) 50%, transparent)}.contact-links a.link-github{--plat:var(--plat-github)}.contact-links a.link-linkedin{--plat:#0a66c2}.contact-links a.link-leetcode{--plat:var(--plat-leetcode)}.contact-links a.link-codechef{--plat:var(--plat-codechef)}.contact-links a.link-codeforces{--plat:var(--plat-codeforces)}.contact-links a.link-hackerrank{--plat:var(--plat-hackerrank)}.cta-card{background:linear-gradient(155deg,#f59e0b1a,#38bdf80d);border:1px solid #f59e0b4d;border-radius:16px;width:100%;max-width:480px;margin-bottom:30px;padding:28px 24px}.cta-card h3{font-family:var(--font-display);color:#fff;margin:0 0 8px;font-size:1.15rem}.cta-card p{color:var(--ink-dim);margin:0 0 18px;font-size:.82rem;line-height:1.5}.cta-card .send-email-btn{background:var(--amber);color:#000;font-family:var(--font-mono);text-transform:uppercase;border-radius:30px;align-items:center;gap:8px;padding:10px 22px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.cta-card .send-email-btn:hover{box-shadow:0 0 20px var(--amber-glow);transform:translateY(-1px)}.closing .foot{font-family:var(--font-mono);color:var(--ink-dimmer);font-size:9.5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.screen-content{--ink:#0f172a;--ink-dim:#475569;--ink-dimmer:#64748b;--amber:#b45309;--cyan:#0369a1;--screen-bg:#f4f6fb;--plat-github:#475569;--plat-leetcode:#c2620a;--plat-codechef:#8a5527;--plat-codeforces:#2563eb;--plat-hackerrank:#157a45;background:radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--tab-accent) 10%, transparent), transparent 45%), radial-gradient(circle at 100% 100%, #0369a10f, transparent 45%), linear-gradient(#0f172a06 1px, transparent 1px) 0 0 / 100% 22px, var(--screen-bg);background-size:220% 220%,220% 220%,100% 22px,100% 100%}.screen-content,.screen-content p,.screen-content li,.screen-content span{font-size:1.02em}.screen-content .screen-banner{background:#ffffffbf;border:1px solid #0369a140}.screen-content .screen-banner .dev-name{filter:brightness(.72)saturate(1.15)}.screen-content .panel h2,.screen-content .metric-box .val,.screen-content .proj-card h3,.screen-content .hobby-card h3,.screen-content .exp-item .role,.screen-content .edu-card h3,.screen-content .pub-card h3,.screen-content .proj-expanded-header h2{color:#0f172a}.screen-content .win-head{border-bottom-color:#0f172a17}.screen-content .single-skills-card{background:#0f172a09;border-color:#0f172a1f}.screen-content .skill-line{color:#334155}.screen-content .cc-card-detailed{background:linear-gradient(145deg,#ffffffe6,#f1f5f9f2);border-color:#0f172a1a}.screen-content .cc-card-detailed:hover{background:linear-gradient(145deg, color-mix(in srgb, var(--plat) 12%, #fff), #f1f5f9f2)}.screen-content .cc-metrics-grid{background:#0f172a0b}.screen-content .cc-breakdown{background:#0f172a09}.screen-content .status-manual{background:#0f172a0d;border-color:#0f172a24}.screen-content .status-loading{background:#0f172a0a;border-color:#0f172a1a}.screen-content .val.skeleton{background:linear-gradient(90deg,#0f172a12 25%,#0f172a29 50%,#0f172a12 75%) 0 0/200% 100%}.screen-content .hr-live-badge{background:#0f172a0a}.screen-content .proj-card{background:#0f172a09;border-color:#0f172a1f}.screen-content .proj-card:hover{background:#b4530914}.screen-content .proj-card p{color:#475569}.screen-content .project-expanded-view{background:linear-gradient(145deg,#fffffff2,#f1f5f9e6)}.screen-content .proj-expanded-header{border-bottom-color:#0f172a1f}.screen-content .proj-bullet-list li{color:#334155}.screen-content .hobby-card,.screen-content .exp-item,.screen-content .edu-card,.screen-content .pub-card{background:#0f172a09;border-color:#0f172a1a}.screen-content .exp-item li,.screen-content .edu-card p,.screen-content .pub-card p{color:#475569}.screen-content .cert-link-btn{background:#0369a112;border-color:#0369a159}.screen-content::-webkit-scrollbar-track{background:#0f172a0f}.screen-content::-webkit-scrollbar-thumb{background:#0369a14d}.screen-content::-webkit-scrollbar-thumb:hover{background:#0369a18c}@keyframes lineReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel.active{animation:none}.panel.active>*{animation:.4s ease-out both lineReveal}.panel.active>:first-child{animation-delay:20ms}.panel.active>:nth-child(2){animation-delay:.1s}.panel.active>:nth-child(3){animation-delay:.18s}.panel.active>:nth-child(4){animation-delay:.26s}.panel.active>:nth-child(5){animation-delay:.34s}.panel.active>:nth-child(6){animation-delay:.42s}.panel.active .skill-line,.panel.active .exp-item li,.panel.active .edu-card,.panel.active .pub-card,.panel.active .proj-card,.panel.active .hobby-card,.panel.active .cc-card-detailed,.panel.active .proj-bullet-list li{animation:.35s ease-out both lineReveal}.panel.active .skill-line:first-child,.panel.active .exp-item li:first-child,.panel.active .proj-card:first-child,.panel.active .hobby-card:first-child,.panel.active .cc-card-detailed:first-child,.panel.active .proj-bullet-list li:first-child{animation-delay:80ms}.panel.active .skill-line:nth-child(2),.panel.active .exp-item li:nth-child(2),.panel.active .proj-card:nth-child(2),.panel.active .hobby-card:nth-child(2),.panel.active .cc-card-detailed:nth-child(2),.panel.active .proj-bullet-list li:nth-child(2){animation-delay:.14s}.panel.active .skill-line:nth-child(3),.panel.active .exp-item li:nth-child(3),.panel.active .proj-card:nth-child(3),.panel.active .hobby-card:nth-child(3),.panel.active .cc-card-detailed:nth-child(3),.panel.active .proj-bullet-list li:nth-child(3){animation-delay:.2s}.panel.active .skill-line:nth-child(4),.panel.active .exp-item li:nth-child(4),.panel.active .proj-card:nth-child(4),.panel.active .hobby-card:nth-child(4),.panel.active .cc-card-detailed:nth-child(4),.panel.active .proj-bullet-list li:nth-child(4){animation-delay:.26s}.panel.active .skill-line:nth-child(5),.panel.active .exp-item li:nth-child(5),.panel.active .proj-card:nth-child(5),.panel.active .hobby-card:nth-child(5),.panel.active .cc-card-detailed:nth-child(5),.panel.active .proj-bullet-list li:nth-child(5){animation-delay:.32s}.panel.active .skill-line:nth-child(6),.panel.active .exp-item li:nth-child(6),.panel.active .proj-card:nth-child(6),.panel.active .hobby-card:nth-child(6),.panel.active .cc-card-detailed:nth-child(6),.panel.active .proj-bullet-list li:nth-child(6){animation-delay:.38s}.panel.active .skill-line:nth-child(n+7),.panel.active .exp-item li:nth-child(n+7),.panel.active .proj-bullet-list li:nth-child(n+7){animation-delay:.44s}