@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050505;color:#fff;font-family:Poppins,sans-serif;overflow-x:hidden;transition:background .35s ease,color .35s ease}body:before{background:radial-gradient(circle at top left,#4f46e530 0%,transparent 35%),radial-gradient(circle at bottom right,#7c3aed30 0%,transparent 35%);content:"";top:0;right:0;bottom:0;left:0;position:fixed;z-index:-2}body:after{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);content:"";top:0;right:0;bottom:0;left:0;position:fixed;z-index:-1}::selection{background:#6366f1;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:20px}img{display:block;height:auto;max-width:100%}a{text-decoration:none;transition:.3s}button{cursor:pointer;transition:.3s}button:hover,.btn-primary:hover,.btn-outline:hover{transform:translateY(-3px)}section{padding-bottom:100px;padding-top:100px;position:relative}#skills{align-items:center;display:flex;min-height:100vh}input,textarea{background:#000;border:1px solid #374151;border-radius:12px;color:#fff;font:inherit;outline:none;padding:1rem;transition:.3s;width:100%}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 20px #6366f140}.theme-toggle{align-items:center;background:#4f46e529;border:1px solid rgba(129,140,248,.45);border-radius:999px;color:#fff;display:inline-flex;font-weight:700;gap:.55rem;min-height:42px;padding:.55rem 1rem;white-space:nowrap}.theme-toggle:hover{background:#4f46e5;box-shadow:0 12px 28px #6366f140}.nav-link{font-weight:500;position:relative}.nav-link:after{background:#6366f1;border-radius:20px;bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.nav-link:hover:after,.nav-link.text-indigo-500:after{width:100%}.btn-primary,.btn-outline{align-items:center;border-radius:12px;display:inline-flex;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center}.btn-primary:before,.btn-outline:before{background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:translate(-120%);transition:transform .65s ease}.btn-primary{background:#4f46e5}.btn-outline{border:1px solid #6366f1}.btn-primary:hover,.btn-outline:hover{box-shadow:0 15px 35px #6366f159}.btn-primary:hover:before,.btn-outline:hover:before{transform:translate(120%)}.hero-copy{--reveal-distance: 28px}.hero-kicker,.hero-title,.hero-role,.hero-summary,.hero-actions,.hero-visual{--reveal-distance: 24px}.hero-photo{animation:float 5s ease-in-out infinite;transition:.5s}.hero-photo:hover,.about-photo:hover{transform:scale(1.03)}.about-photo{transition:.5s}.typed-cursor{animation:blink .9s infinite;color:#818cf8}.section-title{position:relative}.section-title:after{background:#6366f1;border-radius:20px;bottom:-18px;content:"";height:4px;left:50%;position:absolute;transform:translate(-50%);width:80px}.portfolio-card{background:#101010;border:1px solid #374151;border-radius:24px;transition:.4s}.portfolio-card:hover{border-color:#6366f1;box-shadow:0 20px 45px #6366f12e;transform:translateY(-10px)}.skills-heading{margin:0 auto .6rem;max-width:820px;text-align:center}.skills-heading h2{font-size:clamp(3.4rem,6vw,5.05rem);font-weight:900;letter-spacing:0;line-height:1}.skills-heading h2 span{color:#6366f1}.skills-heading p{color:#9ca3af;font-size:1.15rem;margin-top:1.85rem}.skills-shell{margin:0 auto;width:min(1520px,calc(100% - 10vw))}.skills-grid{display:grid;gap:1.9rem 1.85rem;grid-template-columns:repeat(7,minmax(150px,1fr));margin-top:.45rem}.skill-icon-card{--reveal-distance: 34px;align-items:center;aspect-ratio:1.18 / 1;background:#11131ff5;border:1px solid rgba(148,163,184,.17);border-radius:18px;display:flex;flex-direction:column;justify-content:center;min-height:162px;overflow:hidden;padding:1.3rem;position:relative;text-align:center;transform-origin:center;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease;will-change:transform}.skill-icon-card:hover{border-color:#6366f1;box-shadow:0 22px 46px #6366f13d;transform:translateY(-8px);z-index:5}.skill-icon{align-items:center;display:flex;font-size:3rem;height:4.2rem;justify-content:center;line-height:1;margin-bottom:.72rem;transition:transform .35s ease,filter .35s ease}.skill-icon span{font-size:2rem;font-weight:500;letter-spacing:0}.skill-icon-card h3{color:#fff;font-size:1.18rem;font-weight:800;transition:color .35s ease}.skill-icon-card:hover .skill-icon{filter:drop-shadow(0 0 18px currentColor);transform:scale(1.08)}.skill-icon-card:hover h3{color:#c7d2fe}.skill-pill{background:#4f46e5;border-radius:999px;cursor:default;padding:.5rem 1rem;transition:.35s}.skill-pill:hover{background:#4338ca;transform:scale(1.08)}.project-card{background:#101010;border:1px solid #1f2937;border-radius:24px;overflow:hidden;transition:.45s}.project-card:hover{border-color:#6366f1;box-shadow:0 25px 45px #00000073,0 10px 30px #6366f12e;transform:translateY(-14px)}.project-card:hover h3{color:#818cf8}.project-image{align-items:center;background:#090b12;border-bottom:1px solid rgba(148,163,184,.12);display:flex;height:250px;justify-content:center;overflow:hidden}.project-image img{height:100%;object-fit:contain;object-position:center;transition:.6s;width:100%}.project-card:hover img{transform:scale(1.03)}.project-action{align-items:center;background:#ffffff0a;border:1px solid rgba(129,140,248,.42);border-radius:12px;color:#f8fafc;display:inline-flex;font-weight:700;gap:.55rem;min-height:44px;padding:.72rem 1rem;white-space:nowrap}.project-action:hover{background:#6366f12e;border-color:#818cf8;box-shadow:0 12px 28px #6366f12e;color:#fff;transform:translateY(-3px)}.project-action i{color:#67e8f9}.timeline-item{margin-bottom:3.5rem;margin-left:2.5rem;position:relative}.timeline-item:last-child{margin-bottom:0}.cert-card:hover i{transform:rotate(15deg) scale(1.1)}.mobile-menu{background:#111;height:100%;padding:90px 40px 40px;position:fixed;right:-100%;top:0;transition:.4s;width:280px;z-index:40}.mobile-menu.active{right:0}.mobile-menu a{color:#fff;display:block;font-size:18px;margin:25px 0}.mobile-menu a:hover,.fa-github:hover,.fa-linkedin:hover,.fa-instagram:hover,.fa-twitter:hover,.fa-envelope:hover{color:#818cf8}.fa-github,.fa-linkedin,.fa-instagram,.fa-twitter,.fa-envelope{transition:.35s}.fa-github:hover,.fa-linkedin:hover,.fa-instagram:hover,.fa-twitter:hover,.fa-envelope:hover{transform:translateY(-5px) scale(1.15)}.progress-bar{background:#6366f1;height:4px;left:0;position:fixed;top:0;z-index:9999}.top-btn{align-items:center;background:#4f46e5;border-radius:999px;bottom:2rem;display:flex;height:3.5rem;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:2rem;transform:translateY(20px);width:3.5rem;z-index:50}.top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}.contact-status{border-radius:12px;color:#a5b4fc;font-size:.95rem;line-height:1.6;padding:.9rem 1rem}.contact-status.success{background:#22c55e1f;color:#86efac}.contact-status.error{background:#ef44441f;color:#fca5a5}.contact-note{color:#9ca3af;font-size:.85rem;line-height:1.5;text-align:center}.contact-submit{align-items:center;background:#4f46e5;border-radius:12px;color:#fff;display:inline-flex;font-weight:800;gap:.65rem;justify-content:center;min-height:56px;padding:1rem;transition:.3s;width:100%}.contact-submit:hover{background:#4338ca;transform:translateY(-3px)}.contact-submit:disabled{cursor:not-allowed;opacity:.65;transform:none}.submit-spinner{animation:spin .8s linear infinite;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:999px;display:inline-block;height:1rem;width:1rem}.contact-grid{display:grid;gap:3rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.contact-panel{min-width:0}.contact-list{display:grid;gap:2rem}.contact-item{align-items:center;display:flex;gap:1.25rem;min-width:0}.contact-item-icon{align-items:center;background:#4f46e5;border-radius:12px;display:flex;flex:0 0 3.5rem;height:3.5rem;justify-content:center;width:3.5rem}.contact-value{display:inline-block;font-size:1.2rem;overflow-wrap:anywhere;word-break:break-word}.contact-form{display:grid;gap:1.25rem;padding:2.5rem}.form-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{display:grid;gap:.6rem;min-width:0}.form-field>span{align-items:center;color:#e5e7eb;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between}.form-field small{color:#fca5a5;font-size:.78rem;font-weight:600;margin-left:.8rem}.form-field.has-error input,.form-field.has-error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef444429}.mouse-glow{background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%);border-radius:50%;filter:blur(25px);height:220px;left:0;pointer-events:none;position:fixed;top:0;width:220px;z-index:0}[data-reveal]{opacity:0;transform:translateY(var(--reveal-distance, 38px));transition:opacity .75s ease var(--reveal-delay, 0ms),transform .75s cubic-bezier(.16,1,.3,1) var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.skill-icon-card[data-reveal].is-visible:hover{border-color:#6366f1;box-shadow:0 22px 46px #6366f13d;transform:translateY(-8px);z-index:5}footer{position:relative}footer:before{background:linear-gradient(to right,transparent,#6366f1,transparent);content:"";height:1px;left:0;position:absolute;top:0;width:100%}body.light-theme{background:#f5f7ff;color:#111827}body.light-theme:before{background:radial-gradient(circle at top left,rgba(99,102,241,.18) 0%,transparent 34%),radial-gradient(circle at bottom right,rgba(14,165,233,.14) 0%,transparent 34%),linear-gradient(135deg,#f8fbff,#eef2ff)}body.light-theme:after{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}body.light-theme header{background:#ffffffc7!important;border-color:#94a3b859!important;box-shadow:0 18px 45px #0f172a14}body.light-theme section,body.light-theme #about,body.light-theme #projects,body.light-theme #certifications,body.light-theme #skills,body.light-theme #education,body.light-theme #contact{background:transparent!important}body.light-theme .text-gray-300,body.light-theme .text-gray-400,body.light-theme .text-gray-500{color:#475569!important}body.light-theme .text-white,body.light-theme h1,body.light-theme h2,body.light-theme h3,body.light-theme h4,body.light-theme footer .font-semibold{color:#0f172a!important}body.light-theme .portfolio-card,body.light-theme .project-card{background:#ffffffdb;border-color:#94a3b861;box-shadow:0 18px 50px #0f172a14}body.light-theme .portfolio-card:hover,body.light-theme .project-card:hover{border-color:#6366f1;box-shadow:0 24px 60px #6366f12e}body.light-theme .skills-heading p{color:#475569}body.light-theme .skill-icon-card{background:#ffffffd1;border-color:#94a3b857;box-shadow:0 18px 42px #0f172a14}body.light-theme .skill-icon-card:hover{border-color:#6366f1;box-shadow:0 28px 56px #6366f12e}body.light-theme .skill-icon-card[data-skill="Express.js"] .skill-icon,body.light-theme .skill-icon-card[data-skill=GitHub] .skill-icon{color:#111827!important}body.light-theme .project-action{background:#ffffffc7;border-color:#6366f159;box-shadow:none;color:#1e293b}body.light-theme .project-action:hover{background:#eef2ff;border-color:#6366f1;box-shadow:0 12px 28px #6366f124;color:#312e81}body.light-theme .project-image{background:#f8fafc;border-color:#94a3b840}body.light-theme input,body.light-theme textarea{background:#ffffffeb;border-color:#94a3b87a;color:#0f172a}body.light-theme .form-field>span{color:#1e293b}body.light-theme .contact-status.success{background:#16a34a1f;color:#166534}body.light-theme .contact-status.error{background:#dc26261a;color:#991b1b}body.light-theme input::placeholder,body.light-theme textarea::placeholder{color:#64748b}body.light-theme .contact-status{color:#3730a3}body.light-theme .contact-note{color:#64748b}body.light-theme .btn-outline{background:#ffffff8c;color:#3730a3}body.light-theme .theme-toggle{background:#eef2ff;border-color:#6366f159;color:#3730a3}body.light-theme .theme-toggle:hover{background:#4f46e5;color:#fff}body.light-theme .mobile-menu{background:#fffffff5;box-shadow:-20px 0 50px #0f172a1f}body.light-theme .mobile-menu a{color:#0f172a}body.light-theme .timeline-item>.absolute{border-color:#f5f7ff!important}body.light-theme footer{background:#ffffffb8!important;border-color:#94a3b859!important}body.light-theme .mouse-glow{background:radial-gradient(circle,rgba(79,70,229,.14) 0%,transparent 70%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:992px){header .max-w-7xl{padding-bottom:1rem;padding-top:1rem}#home{text-align:center}#home .relative.z-10{gap:3.5rem;padding-top:7rem}#home img{margin:auto;width:320px}#home .flex.flex-wrap,#home .flex.gap-6{justify-content:center}.skills-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}.skills-shell{width:min(920px,calc(100% - 3rem))}.contact-grid{grid-template-columns:1fr}.contact-panel{text-align:center}.contact-panel .flex.gap-6{justify-content:center}.contact-list{margin-inline:auto;max-width:620px;text-align:left}}@media(max-width:768px){h1{font-size:2.9rem!important;line-height:1.12!important}h2{font-size:2.15rem!important;line-height:1.18!important}section{padding:72px 18px}.section-title{margin-bottom:3.5rem!important}.theme-toggle span{display:none}.theme-toggle{aspect-ratio:1;justify-content:center;padding:.55rem;width:42px}.mobile-menu{max-width:calc(100vw - 2rem);padding-inline:2rem}.btn-primary,.btn-outline{flex:1 1 220px}.portfolio-card:hover,.project-card:hover{transform:translateY(-6px)}.timeline-item{margin-left:1.15rem}.timeline-item .portfolio-card{padding:1.5rem!important}.skills-grid{gap:1.25rem;grid-template-columns:repeat(2,minmax(140px,1fr))}.skill-icon-card{min-height:142px}.skills-shell{width:min(640px,calc(100% - 2rem))}.project-image{height:220px}.project-action{flex:1 1 130px;justify-content:center}.contact-form{padding:1.5rem}.form-grid{grid-template-columns:1fr}.contact-item{align-items:flex-start}.contact-value{font-size:1.05rem}footer .grid{text-align:center}footer .flex.gap-6,footer .flex.items-center{justify-content:center}}@media(max-width:480px){body{font-size:15px}header a.text-2xl{font-size:1.35rem!important}#home{min-height:auto}#home .relative.z-10{gap:2.6rem;padding-top:6rem}#home p.uppercase{font-size:.78rem;letter-spacing:3px!important}h1{font-size:2.35rem!important}h2{font-size:1.7rem!important}#home img{width:min(260px,82vw)}.hero-photo{animation:none}.section-title{font-size:2.25rem!important}.btn-primary,.btn-outline{width:100%}.skills-heading h2{font-size:2.6rem}.skills-heading p{font-size:1rem}.skill-icon-card{aspect-ratio:auto;min-height:132px}.project-card .p-7{padding:1.35rem!important}.project-image{height:190px}.contact-item{gap:.9rem}.contact-item-icon{flex-basis:3rem;height:3rem;width:3rem}.contact-form{border-radius:18px;margin-inline:-.35rem;padding:1.15rem}.top-btn{bottom:1.15rem;height:48px;right:1.15rem;width:48px}.skills-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important}[data-reveal]{opacity:1;transform:none}}@media(max-width:360px){header .max-w-7xl{padding-left:1rem;padding-right:1rem}header a.text-2xl{font-size:1.18rem!important}h1{font-size:2.05rem!important}.contact-form{margin-inline:-.6rem}}