@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--bg:#050816;--bg-elevated:#0b1020;--bg-card:#0f172af2;--accent:#6366f1;--accent-soft:#6366f140;--accent-2:#22d3ee;--accent-3:#a855f7;--text:#e5e7eb;--muted:#9ca3af;--border-subtle:#94a3b833;--radius-lg:18px;--radius-full:999px;--shadow-soft:0 18px 45px #0f172abf;--transition-fast:180ms ease-out}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#020617;color:#e5e7eb;color:var(--text);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;text-rendering:optimizeLegibility}#root,.app{min-height:100vh}.app{background:radial-gradient(circle at top,#020617 0,#020617 30%,#020617 100%);overflow-x:hidden;position:relative}.app:before{animation:bgDrift 26s ease-in-out infinite alternate;background:radial-gradient(circle at 0 0,#818cf880,#0000 60%),radial-gradient(circle at 100% 0,#38bdf899,#0000 55%),radial-gradient(circle at 0 100%,#2dd4bf80,#0000 60%),radial-gradient(circle at 100% 100%,#9333ea73,#0000 55%);content:"";filter:blur(28px);inset:-40%;opacity:.32;pointer-events:none;position:fixed;z-index:-1}@keyframes bgDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-60px,-40px,0) scale(1.05)}to{transform:translate3d(40px,80px,0) scale(1.08)}}.app-inner{margin:0 auto;max-width:1120px;padding:80px 20px 40px}@media (max-width:768px){.app-inner{padding:72px 16px 32px}}.section{padding:72px 0;position:relative}.section-header{margin-bottom:32px}.section-kicker{color:#22d3ee;color:var(--accent-2);font-size:.8rem;font-weight:500;letter-spacing:.18em;margin-bottom:8px;text-transform:uppercase}.section-title{font-size:2rem;font-weight:600;letter-spacing:-.02em}.section-description{color:#9ca3af;color:var(--muted);font-size:.95rem;margin-top:8px;max-width:540px}@media (max-width:768px){.section{padding:56px 0}.section-title{font-size:1.65rem}}.scroll-progress{background:#0000;height:3px;left:0;position:fixed;top:0;width:100%;z-index:50}.scroll-progress-bar{background:linear-gradient(90deg,#a855f7,#22d3ee,#6366f1);background:linear-gradient(90deg,var(--accent-3),var(--accent-2),var(--accent));box-shadow:0 0 20px #3b82f6b3;height:100%;transition:width 80ms linear;width:0}.nav-pill{align-items:center;background:#0f172ae6;border:1px solid #94a3b833;border:1px solid var(--border-subtle);border-radius:999px;border-radius:var(--radius-full);box-shadow:0 10px 30px #0f172a99;display:inline-flex;gap:12px;padding:6px 10px 6px 6px}.nav-dot{background:radial-gradient(circle at 30% 20%,#fff,#4f46e5 40%,#22d3ee 80%);border-radius:999px;box-shadow:0 0 24px #5eead4bf;height:22px;width:22px}.nav-links{align-items:center;display:flex;font-size:.78rem;gap:14px}.nav-link{appearance:none;-webkit-appearance:none;background:#0000;border:1px solid #0000;border-radius:999px;color:#9ca3af;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem;line-height:1;padding:5px 10px;text-decoration:none;transition:color .18s ease-out,transform .18s ease-out,border-color .18s ease-out,background .18s ease-out;transition:color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.nav-link:hover{background:#1e293bd1;border-color:#94a3b880;color:#22d3ee;color:var(--accent-2);transform:translateY(-1px)}.hero{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hero-left{position:relative;z-index:1}.hero-eyebrow{align-items:center;background:#0f172ae6;border:1px solid #94a3b833;border:1px solid var(--border-subtle);border-radius:999px;border-radius:var(--radius-full);display:inline-flex;gap:8px;margin-bottom:18px;padding:4px 10px 4px 4px}.hero-eyebrow-dot{background:radial-gradient(circle at 30% 20%,#fff,#22c55e 45%,#16a34a 80%);border-radius:999px;box-shadow:0 0 20px #22c55ecc;height:10px;width:10px}.hero-eyebrow-text{color:#9ca3af;color:var(--muted);font-size:.7rem}.hero-name{font-size:2.6rem;font-weight:600;letter-spacing:-.04em}.hero-name span{background:linear-gradient(135deg,#e5e7eb,#a5b4fc,#38bdf8);-webkit-background-clip:text;background-clip:text;color:#0000}.hero-title{color:#9ca3af;color:var(--muted);font-size:1rem;margin-top:10px}.hero-title-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hero-pill{background:radial-gradient(circle at top left,#94a3b84d,#0000 55%);border:1px solid #94a3b859;border-radius:999px;border-radius:var(--radius-full);color:#9ca3af;color:var(--muted);font-size:.78rem;padding:4px 10px}.hero-tagline{color:#e5e7eb;color:var(--text);font-size:.95rem;margin-top:18px;max-width:460px}.hero-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.btn{align-items:center;border:1px solid #0000;border-radius:999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;position:relative;transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out,border-color .18s ease-out,color .18s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#6366f1,#22c1c3);box-shadow:0 18px 40px #4f46e599;color:#0b1020}.btn-primary:hover{box-shadow:0 22px 50px #4f46e5cc;transform:translateY(-2px) translateZ(0)}.btn-ghost{background:#0f172ae6;border-color:#94a3b833;border-color:var(--border-subtle);color:#e5e7eb;color:var(--text)}.btn-ghost:hover{background:#1e40afa6;border-color:#bfdbfeb3;box-shadow:0 16px 35px #0f172ae6;transform:translateY(-2px) translateZ(0)}.btn-icon{display:inline-flex}.hero-meta{color:#9ca3af;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:18px;margin-top:22px}.hero-meta-item{align-items:center;display:inline-flex;gap:8px}.hero-dot-accent{background:linear-gradient(135deg,#22d3ee,#a855f7);border-radius:999px;height:7px;width:7px}.hero-right{justify-self:center;min-height:260px;position:relative}.hero-blob{background:radial-gradient(circle at 20% 20%,#f8fafc2e,#0000 60%),radial-gradient(circle at 80% 0,#38bdf8a6,#0000 50%),radial-gradient(circle at 0 100%,#a855f7bf,#0000 55%);border-radius:38% 62% 63% 37%/45% 38% 62% 55%;box-shadow:0 25px 60px #0f172ae6,0 0 35px #38bdf8bf;height:260px;overflow:hidden;position:relative;transform:translateZ(0);width:260px}.hero-blob-inner{align-items:center;background:radial-gradient(circle at top,#0f172ae6,#020617 65%);border:1px solid #94a3b84d;border-radius:30px;display:flex;font-size:.86rem;inset:26px;justify-content:center;padding:18px;text-align:center}.hero-blob-inner,.hero-blob-tag{color:#9ca3af;color:var(--muted);position:absolute}.hero-blob-tag{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae0;border:1px solid #94a3b899;border-radius:999px;bottom:16px;font-size:.7rem;left:50%;padding:4px 12px;transform:translateX(-50%)}.hero-floating-icons{inset:0;pointer-events:none;position:absolute}.hero-floating-icon{align-items:center;animation:floatIcon 9s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 20%,#fff,#22d3ee 45%,#6366f1 80%);border-radius:999px;box-shadow:0 0 18px #38bdf8cc;color:#020617;display:flex;font-size:1rem;height:34px;justify-content:center;opacity:.9;position:absolute;width:34px}.hero-floating-icon:first-child{animation-delay:0s;left:8%;top:6%}.hero-floating-icon:nth-child(2){animation-delay:1.3s;right:-6%;top:18%}.hero-floating-icon:nth-child(3){animation-delay:2.1s;bottom:2%;left:-4%}.hero-floating-icon:nth-child(4){animation-delay:3.2s;bottom:16%;right:-2%}@keyframes floatIcon{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(8px,-12px,0) scale(1.05)}}.hero-orbit{border:1px dashed #94a3b866;border-radius:inherit;inset:-14px;opacity:.7;position:absolute}.hero-orbit-dot{background:radial-gradient(circle at 25% 20%,#fff,#facc15);border-radius:999px;box-shadow:0 0 18px #facc15e6;height:11px;position:absolute;right:10%;top:12%;width:11px}@media (max-width:900px){.hero{gap:40px;grid-template-columns:minmax(0,1fr)}.hero-right{order:-1}.hero-name{font-size:2.25rem}}@media (max-width:640px){.hero-name{font-size:2rem}.hero-blob{height:220px;width:220px}}@media (max-width:480px){.app-inner{padding-inline:14px}.hero{gap:28px}.hero-left{text-align:center}.nav-pill{width:100%}.nav-links,.nav-pill{justify-content:center}.nav-links{flex-wrap:wrap}.hero-title-roles{justify-content:center}.hero-tagline{margin-left:auto;margin-right:auto}.hero-cta-row{justify-content:center}.hero-meta{align-items:center;flex-direction:column}.about-layout{gap:24px}.projects-grid,.skills-grid{gap:16px}}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at top left,#94a3b838,#0000 55%),#0f172ac7;border:1px solid #94a3b873;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 18px 45px #0f172abf;box-shadow:var(--shadow-soft);overflow:hidden;padding:18px;position:relative;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background .18s ease-out,translate .18s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),translate var(--transition-fast)}.card:before{background:radial-gradient(circle at 10% 0,#38bdf833,#0000 45%);content:"";inset:-40%;opacity:0;pointer-events:none;position:absolute;transition:opacity .26s ease-out}.card:hover{border-color:#818cf8e6;box-shadow:0 22px 55px #0f172af2;transform:translateY(-4px)}.card:hover:before{opacity:1}.card-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.card-icon{align-items:center;background:radial-gradient(circle at 20% 20%,#fff,#6366f1 40%,#22d3ee 75%);border-radius:999px;box-shadow:0 0 18px #5eead4cc;color:#020617;display:inline-flex;font-size:1.1rem;height:34px;justify-content:center;width:34px}.card-title{font-size:.98rem;font-weight:500}.card-subtitle{font-size:.78rem}.card-body,.card-subtitle{color:#9ca3af;color:var(--muted)}.card-body{font-size:.86rem;margin-top:10px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pill{background:#0f172ad9;border:1px solid #94a3b866;border-radius:999px;border-radius:var(--radius-full);color:#9ca3af;color:var(--muted);font-size:.75rem;padding:4px 10px}.about-layout{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.about-text{color:#9ca3af;color:var(--muted);font-size:.93rem;line-height:1.7}.about-text p+p{margin-top:12px}.about-profile{justify-self:center;position:relative}.about-avatar-shell{background:radial-gradient(circle at 0 0,#a855f7cc,#0000 60%),radial-gradient(circle at 100% 100%,#38bdf8b3,#0000 55%);border-radius:32px;box-shadow:0 22px 50px #0f172af2,0 0 28px #4f46e5cc;height:210px;padding:3px;width:210px}.about-avatar-inner{align-items:center;background:radial-gradient(circle at top,#020617,#020617 60%,#020617 100%);border:1px solid #94a3b866;border-radius:28px;color:#9ca3af;color:var(--muted);display:flex;font-size:.84rem;height:100%;justify-content:center;padding:14px;text-align:center;width:100%}.about-avatar-label{background:#0f172af5;border:1px solid #94a3b8b3;border-radius:999px;bottom:-10px;color:#9ca3af;color:var(--muted);font-size:.72rem;left:20%;padding:4px 15px;position:absolute;transform:translateX(-10%)}.stats-grid{margin-top:24px}.stat-card{background:#0f172af5;border:1px solid #94a3b84d;border-radius:14px;box-shadow:0 14px 32px #0f172ae6;overflow:hidden;padding:14px;position:relative;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.stat-card:hover{border-color:#818cf8e6;box-shadow:0 18px 40px #0f172afa;transform:translateY(-3px)}.stat-value{font-size:1.1rem;font-weight:600}.stat-label{color:#9ca3af;color:var(--muted);font-size:.8rem;margin-top:2px}.skills-grid{margin-top:16px}.skill-category{color:#9ca3af;color:var(--muted);font-size:.8rem;font-weight:500;margin-bottom:10px}.skill-list{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{align-items:center;background:#0f172ae6;border:1px solid #94a3b880;border-radius:999px;border-radius:var(--radius-full);color:#e5e7eb;color:var(--text);display:inline-flex;font-size:.78rem;gap:6px;padding:4px 10px;transition:transform .18s ease-out,border-color .18s ease-out,background .18s ease-out,box-shadow .18s ease-out;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.skill-badge:hover{background:radial-gradient(circle at top left,#818cf866,#020617);border-color:#818cf8;box-shadow:0 12px 28px #0f172ae6;transform:translateY(-2px)}.skill-progress-track{background:#1e40af4d;border-radius:999px;height:5px;margin-top:12px;overflow:hidden;width:100%}.skill-progress-bar{animation:fillBar 1.2s ease-out forwards;background:linear-gradient(90deg,#22d3ee,#6366f1,#a855f7);border-radius:inherit;height:100%;transform-origin:left;width:0}@keyframes fillBar{0%{width:0}to{width:80%;width:var(--progress,80%)}}.timeline{margin-top:20px;padding-left:18px;position:relative}.timeline:before{background:linear-gradient(180deg,#a855f7,#22d3ee);background:linear-gradient(to bottom,var(--accent-3),var(--accent-2));bottom:0;content:"";left:5px;opacity:.65;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:24px;position:relative}.timeline-badge{background:linear-gradient(135deg,#22d3ee,#a855f7);border:3px solid #020617;border-radius:999px;box-shadow:0 0 20px #38bdf8e6;height:14px;left:-3px;position:absolute;top:2px;width:14px}.timeline-card{margin-left:18px}.timeline-title-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.timeline-role{font-size:.98rem;font-weight:500}.timeline-company{color:#9ca3af;color:var(--muted);font-size:.88rem}.timeline-period{font-size:.78rem}.timeline-list,.timeline-period{color:#9ca3af;color:var(--muted)}.timeline-list{font-size:.86rem;margin:8px 0 0;padding-left:18px}.timeline-list li+li{margin-top:4px}.projects-grid{margin-top:18px}.project-image{background:radial-gradient(circle at 15% 0,#94a3b8e6,#0000 50%),radial-gradient(circle at 100% 100%,#22d3eee6,#0000 55%),radial-gradient(circle at 0 100%,#818cf8f2,#0000 55%);border-radius:14px;height:140px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.project-image-overlay{background:radial-gradient(circle at top,#0f172a73,#0000 60%);inset:0;mix-blend-mode:soft-light;position:absolute}.project-hover{align-items:center;background:radial-gradient(circle at 20% 0,#0f172a1a,#0000 55%),linear-gradient(to bottom right,#0f172a4d,#0f172adb);display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transform:translateY(8px);transition:opacity .18s ease-out,transform .18s ease-out}.card:hover .project-hover{opacity:1;transform:translateY(0)}.project-hover-label{color:#9ca3af;color:var(--muted);font-size:.82rem}.project-hover-title{font-size:.9rem;font-weight:500}.project-title{font-size:1rem;font-weight:500}.project-description{color:#9ca3af;color:var(--muted);font-size:.86rem;margin-top:4px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn-outline{background:#0f172af2;border-color:#94a3b8b3;color:#e5e7eb;color:var(--text)}.btn-outline:hover{background:radial-gradient(circle at top left,#818cf84d,#020617);border-color:#818cf8;box-shadow:0 16px 36px #0f172af2;transform:translateY(-2px)}.contact-layout{grid-gap:28px;display:grid;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.contact-info-list{grid-gap:12px;display:grid;font-size:.9rem;gap:12px;margin-top:10px}.contact-info-item{align-items:flex-start;color:#9ca3af;color:var(--muted);display:flex;gap:10px}.contact-info-label{color:#e5e7eb;color:var(--text);font-size:.8rem}.contact-info-value a{color:#22d3ee;color:var(--accent-2);text-decoration:none}.contact-info-value a:hover{text-decoration:underline}.contact-form{grid-gap:10px;display:grid;gap:10px;margin-top:6px}.field-group{grid-gap:4px;display:grid;gap:4px}.field-label{color:#9ca3af;color:var(--muted);font-size:.78rem}.field-input,.field-textarea{background:#0f172af2;border:1px solid #94a3b873;border-radius:12px;color:#e5e7eb;color:var(--text);font-family:inherit;font-size:.85rem;outline:none;padding:9px 10px;transition:border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out,transform .18s ease-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.field-input::placeholder,.field-textarea::placeholder{color:#94a3b8cc}.field-input:focus,.field-textarea:focus{background:#0f172a;border-color:#818cf8;box-shadow:0 0 0 1px #818cf8b3,0 14px 30px #0f172ae6;transform:translateY(-1px)}.field-textarea{min-height:110px;resize:vertical}.contact-submit-row{align-items:center;display:flex;gap:10px;margin-top:8px}.contact-helper{color:#9ca3af;color:var(--muted);font-size:.75rem}.contact-status{border-radius:12px;font-size:.82rem;line-height:1.45;margin-top:10px;padding:10px 12px}.contact-status--success{background:#16a34a2e;border:1px solid #22c55e73;color:#bbf7d0}.contact-status--error{background:#dc262626;border:1px solid #f8717173;color:#fecaca}@media (max-width:900px){.about-layout,.contact-layout{grid-template-columns:minmax(0,1fr)}}.footer{border-top:1px solid #94a3b84d;color:#9ca3af;color:var(--muted);font-size:.8rem;margin-top:40px;padding:20px 0 10px}.footer-inner{gap:12px;justify-content:space-between}.footer-inner,.footer-social{align-items:center;display:flex}.footer-social{gap:10px}.footer-link{align-items:center;color:#9ca3af;color:var(--muted);display:inline-flex;gap:4px;text-decoration:none;transition:color .18s ease-out,transform .18s ease-out;transition:color var(--transition-fast),transform var(--transition-fast)}.footer-link:hover{color:#22d3ee;color:var(--accent-2);transform:translateY(-1px)}@media (max-width:640px){.footer-inner{align-items:flex-start;flex-direction:column}}.app-loader{background:radial-gradient(circle at top,#020617,#020617 50%,#000 100%);flex-direction:column;gap:12px;inset:0;position:fixed;z-index:60}.app-loader,.app-loader-logo{align-items:center;display:flex;justify-content:center}.app-loader-logo{background:radial-gradient(circle at 20% 0,#fff,#6366f1 40%,#22d3ee 80%);border-radius:18px;box-shadow:0 0 25px #3b82f6e6,0 0 40px #2dd4bf99;color:#020617;font-size:1.2rem;height:42px;width:42px}.app-loader-text{color:#9ca3af;color:var(--muted);font-size:.9rem}.app-loader-bar{background:#1e40afb3;border-radius:999px;height:3px;overflow:hidden;width:140px}.app-loader-bar-inner{animation:loaderSlide 1.2s ease-in-out infinite;background:linear-gradient(90deg,#22d3ee,#6366f1,#a855f7);border-radius:inherit;height:100%;width:40%}@keyframes loaderSlide{0%{transform:translateX(-120%)}to{transform:translateX(220%)}}
/*# sourceMappingURL=main.ffff01ff.css.map*/