:root{--primary: #2563eb;--primary-hover: #1d4ed8;--secondary: #64748b;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--header-bg: rgba(255, 255, 255, .8);--hero-grid: #e5e7eb;--badge-bg: #dbeafe;--pill-bg: #f1f5f9;--footer-bg: #0f172a;--footer-text: #94a3b8;--footer-border: #1e293b;--footer-icon-bg: #1e293b;--footer-icon-hover-bg: #334155;--footer-badge-bg: #1e293b}[data-theme=dark]{--primary: #3b82f6;--primary-hover: #60a5fa;--secondary: #94a3b8;--bg-main: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-secondary: #cbd5e1;--border: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3);--header-bg: rgba(15, 23, 42, .8);--hero-grid: #1e293b;--badge-bg: rgba(59, 130, 246, .15);--pill-bg: #0f172a}body{min-height:100vh;background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s,color .3s}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{text-decoration:none;color:inherit;transition:color .2s}button{cursor:pointer;border:none;outline:none;font-family:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:480px){.container{padding:0 1rem}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .3s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #2563eb63}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-outline{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-main)}.text-gradient{background:-webkit-linear-gradient(45deg,#2563eb,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 0}.header-content{display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:.75rem;text-decoration:none;z-index:1100}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.logo-text{font-weight:700;font-size:1.25rem;color:var(--text-main)}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{font-weight:500;color:var(--text-secondary);font-size:.95rem;transition:color .2s}.nav-link:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:1rem}.icon-link,.icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);background:transparent;transition:all .2s;cursor:pointer}.icon-link:hover,.icon-btn:hover{background:var(--bg-card);color:var(--primary)}.theme-btn{color:#6366f1;background:#6366f11a}.theme-btn:hover{background:#6366f133;color:#4f46e5}.resume-btn{padding:.6rem 1.25rem;font-size:.9rem}.mobile-actions{display:none;align-items:center;gap:.5rem;z-index:1100}.nav-mobile-footer{display:none}.nav-overlay{position:fixed;inset:0;background:#0006;z-index:999}@media(max-width:768px){.nav-menu{position:fixed;top:0;right:-100%;width:min(320px,85vw);height:100dvh;background:var(--bg-card);flex-direction:column;align-items:flex-start;gap:0;padding:5rem 2rem 2rem;z-index:1050;transition:right .3s ease;box-shadow:-4px 0 24px #00000026;overflow-y:auto}.nav-menu.open{right:0}.nav-link{width:100%;padding:1rem 0;font-size:1.1rem;border-bottom:1px solid var(--border);color:var(--text-main)}.nav-link:last-of-type{border-bottom:none}.nav-mobile-footer{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;align-items:center}.header-actions{display:none}.mobile-actions{display:flex}.hamburger-btn{color:var(--text-secondary);background:transparent}.hamburger-btn:hover{background:var(--bg-card);color:var(--primary)}}.footer{background:var(--footer-bg);color:var(--footer-text);padding-top:4rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;padding-bottom:4rem;border-bottom:1px solid var(--footer-border)}.footer-col{display:flex;flex-direction:column}.brand-col .logo-section{margin-bottom:.5rem}.brand-col .logo-text{color:#fff}.footer-role{color:#fff;font-weight:500;margin-bottom:1rem}.footer-desc{line-height:1.6;margin-bottom:1.5rem;max-width:90%}.footer-socials{display:flex;gap:.75rem}.footer-icon{width:40px;height:40px;background:var(--footer-icon-bg);display:flex;align-items:center;justify-content:center;border-radius:8px;color:#cbd5e1;transition:all .2s}.footer-icon:hover{background:var(--footer-icon-hover-bg);color:#fff}.footer-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-links{display:flex;flex-direction:column;gap:1rem}.footer-links a:hover{color:var(--primary)}.profile-list{display:flex;flex-direction:column;gap:1rem}.profile-list li{display:flex;justify-content:space-between;align-items:center}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600}.badge-star{background:var(--footer-badge-bg);color:#38bdf8}.badge-pupil{background:var(--footer-badge-bg);color:#4ade80}.footer-bottom{padding:1.5rem 0}.bottom-content{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.qualifier-text{color:#64748b}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.bottom-content{flex-direction:column;gap:.5rem;text-align:center}.footer-desc{max-width:100%}}.hero{padding:4rem 0;min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(var(--hero-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid) 1px,transparent 1px);background-size:40px 40px;background-position:center center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,var(--bg-main) 80%);pointer-events:none}.hero-container{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--badge-bg);color:var(--primary);border-radius:9999px;font-weight:500;font-size:.9rem;margin-bottom:1.5rem}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--text-main)}.hero-description{font-size:1.125rem;color:var(--secondary);line-height:1.6;margin-bottom:2rem;max-width:90%}.tech-stack{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.tech-tag{background:var(--bg-card);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);font-size:.9rem;font-weight:500;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.hero-social{display:flex;align-items:center;gap:1rem;color:var(--secondary);font-weight:500}.social-links{display:flex;gap:.75rem}.social-icon{background:var(--bg-card);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);color:var(--text-secondary);transition:all .2s}.social-icon:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-card{background:var(--bg-card);padding:2rem;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem;color:var(--text-main)}.stat-value span{color:var(--primary)}.stat-label{color:var(--secondary);font-size:.9rem}.bg-blue-100{background:#dbeafe}.text-blue-600{color:#2563eb}.bg-cyan-100{background:#cffafe}.text-cyan-600{color:#0891b2}.bg-indigo-100{background:#e0e7ff}.text-indigo-600{color:#4f46e5}.bg-sky-100{background:#e0f2fe}.text-sky-600{color:#0284c7}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-description{max-width:100%}.tech-stack{justify-content:center}.stats-grid{margin-top:2rem}}@media(max-width:640px){.hero-title{font-size:2.2rem}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.hero-badge{font-size:.8rem}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.4rem}}.about{padding:6rem 0;background:var(--bg-main);text-align:center}.about-container{max-width:800px}.section-label{color:var(--primary);font-weight:700;letter-spacing:1px;margin-bottom:1rem;font-size:.9rem;text-transform:uppercase}.about-title{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:2.5rem}.about-content{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:3rem}.about-content p{margin-bottom:1.5rem}.about-btn{padding:.75rem 2rem;font-size:1rem}.contact{padding:4rem 0 8rem;background:var(--bg-main)}.contact-card{background-color:#2563eb;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px),radial-gradient(circle at center,#2563eb,#0284c7);background-size:30px 30px,100% 100%;border-radius:1.5rem;padding:4rem 2rem;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #2563eb66}.contact-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.contact-desc{font-size:1.125rem;color:#ffffffe6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-btn{background:#fff;color:var(--primary);padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:.75rem;transition:all .2s}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.projects{padding:6rem 0;background:var(--bg-main)}.projects-header{text-align:center;max-width:700px;margin:0 auto 5rem}.section-subtitle{color:var(--primary);font-weight:700;letter-spacing:1px;font-size:.9rem;text-transform:uppercase;display:block;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem}.section-desc{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:6rem}.feature-card{background:var(--bg-card);padding:2rem;border-radius:1.5rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-main)}.feature-desc{color:var(--text-secondary);line-height:1.5;font-size:.95rem}.bg-purple-100{background:#f3e8ff}.text-purple-600{color:#9333ea}.bg-green-100{background:#dcfce7}.text-green-600{color:#16a34a}.bg-orange-100{background:#ffedd5}.text-orange-600{color:#ea580c}.project-showcase{background:var(--bg-card);border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1fr;margin-bottom:6rem;border:1px solid var(--border)}.showcase-media{background:linear-gradient(135deg,#1e293b,#0f172a);padding:3rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:400px}.media-placeholder{flex:1;display:flex;align-items:center;justify-content:center}.app-icon-large{width:100px;height:100px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;display:flex;align-items:center;justify-content:center}.sparkle-large{font-size:3rem}.media-actions{display:flex;gap:1rem}.media-btn{padding:.6rem 1rem;border-radius:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s}.media-btn:hover{background:#fff3}.media-btn.primary{background:var(--primary);border-color:var(--primary)}.media-btn.primary:hover{background:var(--primary-hover)}.showcase-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.project-title{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.35rem}.project-tagline{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-bottom:1rem}.project-overview{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-highlights{list-style:disc;padding-left:1.5rem;margin-bottom:2rem;color:var(--text-secondary)}.project-highlights li{margin-bottom:.5rem}.tech-pills{display:flex;flex-wrap:wrap;gap:.5rem}.tech-pill{background:var(--pill-bg);padding:.4rem .8rem;border-radius:99px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.deep-dive-section{padding-top:2rem}.section-center-header{text-align:center;margin-bottom:4rem}.deep-dive-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.blue-card-display{background:linear-gradient(135deg,#3b82f6,#0ea5e9);border-radius:1.5rem;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;box-shadow:var(--shadow-xl)}.center-icon{text-align:center}.sparkle-white{font-size:4rem;display:block;margin-bottom:1rem}.app-name{font-size:1.5rem;font-weight:700}.floating-pills{position:absolute;bottom:2rem;display:flex;gap:.75rem}.floating-pills span{background:#fff;color:#0f172a;padding:.4rem 1rem;border-radius:99px;font-weight:600;font-size:.85rem}.detail-heading{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-main)}.detail-text{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.feature-list{display:flex;flex-direction:column;gap:1.5rem}.feature-item{display:flex;gap:1rem}.f-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item h4{font-weight:600;margin-bottom:.25rem;color:var(--text-main)}.feature-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}@media(max-width:1024px){.project-showcase,.deep-dive-content{grid-template-columns:1fr;gap:2rem}.showcase-media{min-height:300px}}@media(max-width:768px){.section-title{font-size:2rem}.showcase-content{padding:2rem 1.5rem}.media-actions{flex-wrap:wrap}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.tech-pills{gap:.4rem}}.about-page{background:var(--bg-main)}.about-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center;margin-bottom:8rem}.profile-card-display{background:linear-gradient(135deg,#3b82f6,#0ea5e9);border-radius:2rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 40px -10px #3b82f666}.profile-card-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:60%;height:60%;border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.cn-text{font-size:4rem;font-weight:700;color:#fff}.floating-badge{position:absolute;background:var(--bg-card);padding:.75rem 1rem;border-radius:16px;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-lg);animation:float 6s ease-in-out infinite}.badge-codechef{top:15%;left:-10%}.badge-icpc{bottom:15%;right:-10%;animation-delay:2s}.badge-icon{width:40px;height:40px;background:var(--pill-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.badge-title{font-size:.85rem;font-weight:700;color:var(--text-main)}.badge-sub{font-size:.75rem;color:var(--text-secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-label{color:var(--primary);font-weight:700;display:block;margin-bottom:.5rem}.profile-name{font-size:3rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem;line-height:1.1}.profile-role{font-size:1.35rem;color:var(--text-secondary);font-weight:500;margin-bottom:2rem}.profile-bio p{color:var(--text-secondary);line-height:1.7;font-size:1.05rem;margin-bottom:1.5rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.c-icon{color:var(--primary)}.profile-actions{display:flex;gap:1rem}.education-section{margin-bottom:8rem}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.edu-card{background:var(--bg-card);padding:2rem;border-radius:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .3s}.edu-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.edu-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem}.edu-icon.bg-blue{background:#3b82f6}.edu-icon.bg-purple{background:#8b5cf6}.edu-icon.bg-teal{background:#14b8a6}.edu-school{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main)}.edu-loc{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem;margin-bottom:1rem}.edu-degree{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.4;min-height:3rem}.edu-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.edu-grade{background:#dcfce7;color:#16a34a;padding:.25rem .75rem;border-radius:99px;font-size:.85rem;font-weight:600}.edu-year{font-size:.9rem;color:var(--text-secondary)}.milestones-section{margin-bottom:6rem}.milestones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.milestone-card{background:var(--bg-card);padding:2rem;border-radius:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.milestone-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.milestone-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.milestone-badge{padding:.25rem .75rem;border-radius:99px;font-size:.8rem;font-weight:700;height:fit-content;text-transform:uppercase}.bg-yellow{background:#f59e0b;color:#fff}.bg-gold{background:#eab308;color:#fff}.bg-red{background:#ef4444;color:#fff}.bg-blue{background:#3b82f6;color:#fff}.bg-purple{background:#8b5cf6;color:#fff}.bg-green{background:#10b981;color:#fff}.milestone-title{font-size:1.15rem;font-weight:700;margin-bottom:1rem;color:var(--text-main);line-height:1.3}.milestone-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.about-hero{grid-template-columns:1fr;gap:4rem}.about-image-col{max-width:500px;margin:0 auto;width:100%}.badge-codechef{left:0}.badge-icpc{right:0}.education-grid,.milestones-grid{grid-template-columns:1fr}}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column;width:100%}.profile-actions .btn{width:100%;justify-content:center}.profile-name{font-size:2.25rem}}@media(max-width:480px){.milestones-grid{grid-template-columns:1fr}.cn-text{font-size:3rem}}.skills-page{background:var(--bg-main);min-height:100vh;padding-bottom:6rem}.skills-hero{text-align:center;padding:6rem 0 4rem}.skills-subtitle{color:var(--primary);font-weight:700;letter-spacing:1px;font-size:.9rem;text-transform:uppercase;display:block;margin-bottom:1rem}.skills-title{font-size:3rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem}.skills-desc{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.skill-category-container{background:var(--bg-card);border-radius:1.5rem;padding:2.5rem;box-shadow:var(--shadow-sm);margin-bottom:2.5rem;border:1px solid var(--border);transition:transform .3s,box-shadow .3s}.skill-category-container:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.category-title{font-size:1.5rem;font-weight:700;color:var(--text-main)}.skills-list{display:flex;flex-wrap:wrap;gap:1rem}.skill-pill{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:99px;color:#fff;font-weight:500;font-size:.95rem}.proficiency-dots{display:flex;gap:2px}.dot{width:6px;height:6px;border-radius:50%;background:#fff6}.dot.filled{background:#fff}.cat-blue .category-icon,.cat-blue .skill-pill{background:#2563eb}.cat-teal .category-icon,.cat-teal .skill-pill{background:#0d9488}.cat-green .category-icon,.cat-green .skill-pill{background:#16a34a}.cat-purple .category-icon,.cat-purple .skill-pill{background:#9333ea}.cat-orange .category-icon,.cat-orange .skill-pill{background:#ea580c}.cat-pink .category-icon,.cat-pink .skill-pill{background:#db2777}.cat-dark .category-icon,.cat-dark .skill-pill{background:#475569}.cp-section{margin-top:6rem;margin-bottom:6rem}.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:3rem}.cp-card{background:var(--bg-card);padding:2.5rem 2rem;border-radius:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s}.cp-card:hover{transform:translateY(-5px);box-shadow:0 0 24px var(--hover-color);border-color:var(--hover-color)}.cp-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.cp-platform{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.cp-rating{background:#f59e0b;color:#fff;padding:.25rem 1rem;border-radius:99px;font-weight:700;font-size:.9rem}.cp-rating.blue{background:#2563eb}.cp-rating.green{background:#16a34a}.cp-rating.orange{background:#f97316}.cp-rating.orange2{background:#ea580c}.certs-section{margin-bottom:4rem}.certs-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:3rem}.cert-card{background:var(--bg-card);padding:1.5rem;border-radius:1rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem;min-width:180px;transition:all .3s}.cert-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cert-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-info h4{font-weight:700;color:var(--text-main);font-size:1rem;line-height:1.2;margin-bottom:.2rem}.cert-info span{font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.skills-title{font-size:2.25rem}.category-header{flex-direction:column;text-align:center}.skills-list{justify-content:center}.skill-category-container{padding:1.75rem 1.25rem}.cp-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.skills-title{font-size:1.9rem}.cp-grid{grid-template-columns:1fr}.certs-grid{flex-direction:column}.cert-card{min-width:unset;width:100%}}.achievement-banner{background-color:#2563eb;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px),radial-gradient(circle at center,#2563eb,#0284c7);background-size:30px 30px,100% 100%;border-radius:1.5rem;padding:4rem 2rem;text-align:center;color:#fff;margin-top:4rem;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #2563eb66}.achievement-icon{background:#fff3;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.achievement-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.achievement-desc{font-size:1.15rem;color:#ffffffe6;line-height:1.6;max-width:700px;margin:0 auto}@media(max-width:768px){.achievement-title{font-size:1.5rem}}.contact-page{background:var(--bg-main);min-height:100vh;padding-bottom:6rem}.contact-hero{text-align:center;padding:6rem 0 4rem}.contact-subtitle{display:block;color:var(--primary);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.contact-title{font-size:3rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}.contact-desc{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.contact-form-container{background:var(--bg-card);padding:2.5rem;border-radius:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.form-icon{width:40px;height:40px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center}.form-header h3{font-size:1.25rem;font-weight:700;color:var(--text-main)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea{padding:.75rem 1rem;background:var(--bg-main);border:1px solid var(--border);border-radius:.5rem;color:var(--text-main);font-size:1rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--badge-bg)}.submit-btn{background:#0284c7;color:#fff;padding:.75rem;border-radius:.5rem;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;margin-top:1rem;border:none;cursor:pointer}.submit-btn:hover:not(:disabled){background:#0369a1;transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.status-msg{margin-top:1rem;padding:.85rem 1rem;border-radius:.5rem;font-size:.9rem;font-weight:500;display:flex;align-items:flex-start;gap:.6rem}.status-msg svg{flex-shrink:0;margin-top:1px}.status-msg.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-msg.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.status-msg.error a{color:#dc2626;text-decoration:underline;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.info-card{background:var(--bg-card);padding:1.5rem;border-radius:1rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.info-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.bg-blue{background:#2563eb}.bg-green{background:#16a34a}.bg-purple{background:#9333ea}.bg-orange{background:#ea580c}.info-label{font-size:.85rem;color:var(--text-secondary);display:block;margin-bottom:.25rem}.info-value{font-size:1rem;font-weight:600;color:var(--text-main)}.info-sub{font-size:.85rem;color:var(--text-secondary);display:block;margin-top:.25rem}.social-connect-card{background:var(--bg-card);padding:2rem;border-radius:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.social-connect-card h3{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem}.social-links-list{display:flex;flex-direction:column;gap:1rem}.social-row-link{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;transition:all .2s;color:var(--text-main);background:var(--bg-main)}.social-row-link:hover{border-color:var(--primary);background:var(--badge-bg);transform:translate(4px)}.social-icon{color:var(--text-main)}.social-details{flex:1;display:flex;flex-direction:column}.social-name{font-weight:600;font-size:.95rem}.social-user{font-size:.8rem;color:var(--text-secondary)}.social-arrow{color:var(--text-secondary);font-size:1.25rem}@media(max-width:900px){.contact-content,.form-row{grid-template-columns:1fr}}@media(max-width:600px){.info-grid{grid-template-columns:1fr}.contact-title{font-size:2rem}.contact-form-container{padding:1.5rem 1.25rem}}@media(max-width:480px){.contact-title{font-size:1.75rem}.social-connect-card{padding:1.25rem}}.experience-page{background:var(--bg-main);min-height:100vh;padding-bottom:6rem}.experience-hero{text-align:center;padding:6rem 0 3rem}.experience-subtitle{display:block;color:var(--primary);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.experience-title{font-size:3rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}.experience-desc{font-size:1.125rem;color:var(--text-secondary);max-width:620px;margin:0 auto;line-height:1.6}.exp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2rem 0 5rem}.exp-stat-card{background:var(--bg-card);border-radius:1rem;padding:2rem;text-align:center;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.exp-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.exp-stat-number{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:.4rem;line-height:1}.exp-stat-label{color:var(--text-secondary);font-size:.9rem}.exp-section{margin-bottom:5rem}.section-header-inline{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}.section-icon-badge{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.section-icon-badge.blue{background:#2563eb}.section-icon-badge.purple{background:#8b5cf6}.section-inline-title{font-size:1.75rem;font-weight:700;color:var(--text-main)}.exp-timeline{position:relative}.exp-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#0d9488;transform:translate(-50%);z-index:0}.timeline-entry{display:grid;grid-template-columns:1fr 72px 1fr;gap:1.5rem;margin-bottom:3rem;align-items:start;position:relative}.tl-node-col{display:flex;justify-content:center;padding-top:1.5rem;z-index:1}.tl-node-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tl-node-icon.blue{background:#2563eb}.tl-node-icon.purple{background:#8b5cf6}.exp-card{background:var(--bg-card);border-radius:1rem;padding:1.75rem 2rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.exp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.exp-card-period{color:var(--primary);font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem}.exp-card-role{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:.35rem}.exp-card-company{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}.company-dot{margin:0 .1rem}.exp-card-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.exp-card-bullets li{font-size:.93rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.6rem;line-height:1.55}.exp-card-bullets li:before{content:"";width:7px;height:7px;min-width:7px;border-radius:50%;background:#0d9488;margin-top:.42rem}.score-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.25rem;padding:.4rem 1rem;border:1.5px solid #0d9488;border-radius:8px;color:#0d9488;font-size:.9rem}.skills-cta{background:var(--bg-card);border-radius:1.5rem;padding:4rem 2rem;text-align:center;margin:0 0 4rem;border:1px solid var(--border)}.cta-title{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}.cta-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;max-width:500px;margin:0 auto 2rem}.cta-btn{font-size:1rem;padding:.85rem 2rem}@media(max-width:900px){.exp-stats-grid{grid-template-columns:repeat(2,1fr)}.exp-timeline:before{left:26px;transform:none}.timeline-entry{display:flex;flex-direction:row;gap:1rem;align-items:flex-start}.tl-empty-col{display:none}.tl-node-col{padding-top:1rem;flex-shrink:0;order:1}.tl-card-col{flex:1;order:2}}@media(max-width:480px){.experience-title{font-size:2.25rem}.cta-title{font-size:1.5rem}.exp-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.exp-stat-number{font-size:2rem}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-top:80px}@media(max-width:480px){main{padding-top:70px}}