*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit}#root{min-height:100vh}body:has(.form-page){height:100dvh;min-height:0;overflow:hidden}#root:has(.form-page){height:100dvh;min-height:0;overflow:hidden}.portfolio-status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;display:flex}.portfolio-error-image{border-radius:10px;width:min(100%,280px);height:auto;margin-bottom:5px;display:block}.portfolio-status h1{color:var(--color-ink);margin:0;font-size:21px}.portfolio-status p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.6}.portfolio-loader{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite portfolio-spin}.retry-button{border:1px solid var(--control-border);background:var(--control-background);min-height:36px;color:var(--control-text);cursor:pointer;border-radius:7px;margin-top:5px;padding:0 17px;font-weight:600}.retry-button:hover{border-color:var(--control-hover-border)}.form-page{background:var(--page-background);height:100dvh;color:var(--color-body);padding:20px 24px;transition:background .22s,color .22s;overflow:hidden}.form-page-content{flex-direction:column;width:min(100%,760px);height:100%;min-height:0;margin:0 auto;animation:.4s ease-out both appear;display:flex}.form-back-link{color:var(--color-muted);align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;transition:color .16s;display:inline-flex}.form-back-link:hover{color:var(--color-accent)}.form-back-link span{font-size:18px;line-height:1}.form-page-header{flex:none;max-width:600px;margin:20px 0 16px}.form-eyebrow{color:var(--color-accent);letter-spacing:1px;font-size:11px;font-weight:750}.form-page-header h1{color:var(--color-ink);margin:10px 0 9px;font-size:36px;font-weight:700;line-height:1.2}.form-page-header p{max-width:540px;color:var(--color-muted);font-size:14px;line-height:1.65}.form-frame-wrap{border:1px solid var(--color-border);background:var(--surface);min-height:0;box-shadow:var(--shadow-section);border-radius:12px;flex:auto;padding:10px;display:flex;overflow:hidden}.contact-form-status{width:100%;min-height:180px;color:var(--color-muted);text-align:center;place-content:center;justify-items:center;gap:10px;font-size:13px;display:grid}.contact-error-image{border-radius:10px;width:min(100%,220px);height:auto;display:block}.contact-form-iframe{background:#fff;border:0;border-radius:7px;flex:auto;width:100%;height:100%;min-height:0;display:block}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-spin{to{transform:rotate(360deg)}}@media (width<=480px){.form-page{padding:14px 12px}.form-page-header{margin:16px 0 12px}.form-page-header h1{font-size:25px}.form-page-header p{font-size:13px}.form-frame-wrap{border-radius:9px;padding:5px}.contact-form-iframe{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-background:#f4f7f3;--color-ink:#172521;--color-body:#42534c;--color-muted:#728079;--color-section-heading:#172521;--color-border:#dce5df;--color-accent:#087b64;--surface:#fff;--surface-subtle:#edf4f0;--surface-hover:#e5f0ea;--control-text:#33473e;--control-border:#dce5df;--control-hover-border:#087b64;--control-background:#fff;--contact-border:#17352d;--contact-background:#17352d;--contact-copy:#e7f2ed;--skill-purple-background:#e1f1eb;--skill-purple-text:#075e4e;--skill-blue-background:#e7eef2;--skill-blue-text:#37566a;--skill-gold-background:#f6ece5;--skill-gold-text:#92533a;--shadow-section:0 20px 60px #18362c1f;--toggle-background:#fff;--toggle-border:#dce5df;--toggle-text:#33473e;--focus-ring:#c46b4b;--color-signal:#c46b4b;--color-hero:#17352d;--color-hero-copy:#e7f2ed;--color-hero-muted:#b8cec4}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-background:#121b19;--color-ink:#f2f6f2;--color-body:#d0ddd6;--color-muted:#a1b2a9;--color-section-heading:#f2f6f2;--color-border:#34443d;--color-accent:#74c9a9;--surface:#1b2723;--surface-subtle:#24352e;--surface-hover:#2c4037;--control-text:#d0ddd6;--control-border:#34443d;--control-hover-border:#74c9a9;--control-background:#1b2723;--contact-border:#294b3e;--contact-background:#203b32;--contact-copy:#f0f7f2;--skill-purple-background:#243a32;--skill-purple-text:#9bdcc1;--skill-blue-background:#263943;--skill-blue-text:#b8d9e7;--skill-gold-background:#41362f;--skill-gold-text:#edb99d;--shadow-section:0 20px 60px #00000038;--toggle-background:#1b2723;--toggle-border:#34443d;--toggle-text:#edb99d;--focus-ring:#e39a77;--color-signal:#e39a77;--color-hero:#203b32;--color-hero-copy:#f0f7f2;--color-hero-muted:#c0d4c9}body{background:var(--page-background);color:var(--color-body);font-family:DM Sans,Avenir Next,Segoe UI,sans-serif;transition:background .18s,color .18s}h1,h2,h3{color:var(--color-ink);letter-spacing:0;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}.portfolio-shell{background:var(--page-background);min-height:100vh;padding:0 32px 30px}.site-header{border-bottom:1px solid var(--color-border)}.portfolio-nav{align-items:center;gap:24px;width:min(100%,1160px);min-height:76px;margin:0 auto;display:flex}.wordmark{color:var(--color-ink);font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;text-decoration:none}.wordmark span{color:var(--color-accent)}.nav-links{align-items:center;gap:30px;margin-left:auto;display:flex}.nav-links a{color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--color-accent)}.theme-toggle{border:1px solid var(--toggle-border);background:var(--toggle-background);width:38px;height:38px;color:var(--toggle-text);cursor:pointer;border-radius:50%;flex:0 0 38px;place-items:center;padding:0;font-size:19px;line-height:1;transition:border-color .16s,transform .16s;display:grid;position:static}.theme-toggle:hover{border-color:var(--control-hover-border);transform:rotate(-8deg)}.portfolio-content{width:min(100%,1160px);margin:0 auto;animation:.45s ease-out both appear}.hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(42px,7vw,92px);padding:68px 0 62px;display:grid}.hero-copy{min-width:0}.profile-heading h1{overflow-wrap:anywhere;margin:17px 0 8px;font-size:64px;font-weight:600;line-height:1.02}.profile-role{color:var(--color-accent);margin:0;font-size:17px;font-weight:700}.profile-headline{max-width:540px;color:var(--color-muted);text-align:left;margin:21px 0 0;font-size:16px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:29px;display:flex}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 19px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--color-accent);color:#fff}.button-primary:hover{background:var(--color-ink)}.button-secondary{border-color:var(--color-border);background:var(--surface);color:var(--color-ink)}.button-secondary:hover{border-color:var(--color-accent)}.hero-art{background-color:var(--color-hero);min-height:348px;box-shadow:var(--shadow-section);color:var(--color-hero-copy);background-image:linear-gradient(145deg,#0000 50%,#087b6447),repeating-linear-gradient(0deg,#0000 0 39px,#e7f2ed0d 40px),repeating-linear-gradient(90deg,#0000 0 39px,#e7f2ed0d 40px);border-radius:8px;flex-direction:column;justify-content:space-between;padding:30px;display:flex;position:relative;overflow:hidden}.hero-art-label,.section-kicker{color:var(--color-accent);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.hero-art-label{z-index:1;color:var(--color-hero-muted);letter-spacing:1.1px;position:relative}.hero-monogram{color:#e7f2ed1a;-webkit-user-select:none;user-select:none;font-family:Space Grotesk,sans-serif;font-size:250px;font-weight:700;line-height:.9;position:absolute;top:34px;left:21px}.hero-art-footer{z-index:1;justify-content:space-between;align-items:end;gap:18px;display:flex;position:relative}.hero-art-name{color:var(--color-hero-copy);margin:0;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:600}.hero-art-skills{max-width:300px;color:var(--color-hero-muted);margin:6px 0 0;font-size:12px;line-height:1.5}.proof-strip{border-block:1px solid var(--color-border);background:var(--color-border);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;display:grid}.proof-item{background:var(--page-background);min-width:0;min-height:91px;padding:20px 22px}.proof-value{color:var(--color-ink);overflow-wrap:anywhere;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:block}.proof-label{color:var(--color-muted);margin-top:4px;font-size:11px;line-height:1.4;display:block}.portfolio-section{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(40px,8vw,120px);padding:76px 0;display:grid}.section-heading{max-width:390px}.section-kicker{margin:0 0 12px}.section-heading h2,.contact-section h2{margin:0;font-size:34px;font-weight:600;line-height:1.16}.about-copy p{color:var(--color-body);margin:0 0 13px;font-size:15px;line-height:1.8}.about-copy p:last-child{margin-bottom:0}.skills-section{align-items:start}.skills-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.skill-item{border:1px solid var(--color-border);background:var(--surface);min-width:0;min-height:74px;color:var(--color-ink);overflow-wrap:anywhere;border-radius:5px;align-items:center;gap:12px;padding:15px;font-size:13px;font-weight:700;display:flex}.skill-mark{background:var(--skill-purple-background);width:31px;height:31px;color:var(--skill-purple-text);border-radius:5px;flex:0 0 31px;place-items:center;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;display:grid}.skill-item:nth-child(3n+2) .skill-mark{background:var(--skill-blue-background);color:var(--skill-blue-text)}.skill-item:nth-child(3n) .skill-mark{background:var(--skill-gold-background);color:var(--skill-gold-text)}.connect-band{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:stretch;gap:42px;padding:46px 0;display:grid}.connection-section{flex-direction:column;justify-content:center;gap:22px;display:flex}.connection-section .section-heading h2{font-size:28px}.connection-links{flex-wrap:wrap;gap:9px;display:flex}.connection-link{border:1px solid var(--color-border);background:var(--surface);min-height:39px;color:var(--color-body);border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.connection-link:hover{border-color:var(--color-accent);background:var(--surface-subtle);color:var(--color-accent)}.connection-mark{background:var(--color-ink);width:17px;height:17px;color:var(--page-background);border-radius:4px;flex:0 0 17px;place-items:center;font-size:9px;font-weight:750;line-height:1;display:inline-grid}.naukri-mark,.hackerrank-mark{border-radius:50%}.contact-section{border:1px solid var(--contact-border);background:var(--contact-background);min-height:170px;color:var(--contact-copy);border-radius:7px;justify-content:space-between;align-items:center;gap:22px;padding:30px;display:flex}.contact-section .section-kicker{color:#a0d6be}.contact-section h2{max-width:300px;color:var(--contact-copy);font-size:24px}.contact-button{white-space:nowrap;flex:none}.contact-section .button-primary{background:var(--page-background);color:var(--color-ink)}.contact-section .button-primary:hover{background:#d6eee2}.portfolio-shell :focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.portfolio-footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding:18px 32px;font-size:11px}.portfolio-footer .portfolio-content{align-items:center;gap:8px;animation:none;display:flex}@media (width<=760px){.portfolio-shell{padding-inline:20px}.portfolio-nav{gap:14px;width:min(100%,560px);min-height:66px}.nav-links{gap:17px}.nav-links a{font-size:12px}.hero{grid-template-columns:minmax(0,1fr);gap:34px;padding:48px 0 38px}.profile-heading h1{font-size:48px}.profile-headline{font-size:15px}.hero-art{min-height:260px}.hero-monogram{font-size:220px;top:22px}.portfolio-section{grid-template-columns:minmax(0,1fr);gap:23px;padding:52px 0}.section-heading h2{font-size:29px}.skills-list{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-band{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 0}}@media (width<=480px){.portfolio-shell{padding-inline:16px}.portfolio-nav{min-height:60px}.nav-links{gap:12px}.nav-links a{font-size:11px}.theme-toggle{flex-basis:34px;width:34px;height:34px}.hero{padding-top:40px}.profile-heading h1{font-size:42px}.profile-role{font-size:15px}.profile-headline{font-size:14px}.hero-art{min-height:225px;padding:22px}.hero-monogram{font-size:190px;top:25px;left:8px}.hero-art-name{font-size:18px}.skills-list{gap:8px}.skill-item{gap:8px;min-height:64px;padding:10px;font-size:12px}.skill-mark{flex-basis:28px;width:28px;height:28px}.contact-section{flex-direction:column;align-items:flex-start;min-height:0;padding:24px}.contact-section h2{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
