@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');:root{--portfolio-primary:#2563eb;--portfolio-primary-dark:#1e40af;--portfolio-primary-light:#3b82f6;--portfolio-accent:#8b5cf6;--portfolio-accent-dark:#7c3aed;--portfolio-accent-light:#a78bfa;--portfolio-bg:#fff;--portfolio-bg-alt:#f8fafc;--portfolio-text:#1e293b;--portfolio-text-light:#64748b;--portfolio-border:#e2e8f0;--portfolio-gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--portfolio-gradient-accent:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--portfolio-gradient-hero:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);--portfolio-spacing-xs:.2rem;--portfolio-spacing-sm:.4rem;--portfolio-spacing-md:.6rem;--portfolio-spacing-lg:1rem;--portfolio-spacing-xl:1.5rem;--portfolio-spacing-2xl:2rem;--portfolio-radius-sm:.25rem;--portfolio-radius-md:.375rem;--portfolio-radius-lg:.5rem;--portfolio-radius-xl:.75rem;--portfolio-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--portfolio-shadow-md:0 2px 4px -1px rgba(0,0,0,0.1);--portfolio-shadow-lg:0 4px 10px -2px rgba(0,0,0,0.1);--portfolio-shadow-xl:0 10px 20px -5px rgba(0,0,0,0.1)}.portfolio-page{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--portfolio-text);line-height:1.5;font-size:.9rem}.portfolio-hero{background:var(--portfolio-gradient-hero);color:white;padding:var(--portfolio-spacing-2xl) var(--portfolio-spacing-lg);margin:calc(var( -  - portfolio - spacing - xl) * -1) calc(var( -  - portfolio - spacing - lg) * -1) var(--portfolio-spacing-xl);border-radius:0 0 var(--portfolio-radius-xl) var(--portfolio-radius-xl);box-shadow:var(--portfolio-shadow-xl);position:relative;overflow:hidden}.portfolio-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.portfolio-hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.portfolio-hero h1{font-size:2.25rem;font-weight:800;margin-bottom:var(--portfolio-spacing-xs);letter-spacing:-0.02em;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.portfolio-hero h2{font-size:1.15rem;font-weight:600;margin-bottom:var(--portfolio-spacing-sm);opacity:.95}.portfolio-hero p{font-size:1rem;font-weight:400;opacity:.9;max-width:700px;margin:0 auto;line-height:1.6}.hero-actions{margin-top:var(--portfolio-spacing-lg);display:flex;justify-content:center}.resume-btn{display:inline-flex;align-items:center;gap:var(--portfolio-spacing-xs);background:white;color:var(--portfolio-primary);padding:.8rem 1.8rem;border-radius:var(--portfolio-radius-lg);font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:var(--portfolio-shadow-lg)}.resume-btn:hover{transform:translateY(-3px);box-shadow:var(--portfolio-shadow-xl);background:var(--portfolio-bg-alt);color:var(--portfolio-primary-dark)}.portfolio-section{margin-bottom:var(--portfolio-spacing-xl);padding:var(--portfolio-spacing-md);background:var(--portfolio-bg);border-radius:var(--portfolio-radius-lg)}.portfolio-section h2{font-size:1.5rem;font-weight:700;color:var(--portfolio-text);margin-bottom:var(--portfolio-spacing-md);padding-bottom:var(--portfolio-spacing-xs);border-bottom:2px solid var(--portfolio-primary);display:inline-block}.portfolio-section h3{font-size:1.2rem;font-weight:600;color:var(--portfolio-text);margin-top:var(--portfolio-spacing-md);margin-bottom:var(--portfolio-spacing-sm)}.portfolio-section h4{font-size:1rem;font-weight:600;color:var(--portfolio-primary);margin-top:var(--portfolio-spacing-sm);margin-bottom:var(--portfolio-spacing-xs)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--portfolio-spacing-md);margin-top:var(--portfolio-spacing-lg)}.skill-category{background:var(--portfolio-bg-alt);padding:var(--portfolio-spacing-md);border-radius:var(--portfolio-radius-md);border:1px solid var(--portfolio-border);transition:all .3s ease;position:relative;overflow:hidden}.skill-category::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--portfolio-gradient-primary);transform:scaleY(0);transition:transform .3s ease;transform-origin:bottom}.skill-category:hover{transform:translateY(-4px);box-shadow:var(--portfolio-shadow-lg);border-color:var(--portfolio-primary-light)}.skill-category:hover::before{transform:scaleY(1)}.skill-category h3{font-size:1.125rem;font-weight:600;color:var(--portfolio-primary);margin:0 0 var(--portfolio-spacing-sm) 0}.skill-category p{font-size:.95rem;color:var(--portfolio-text);line-height:1.6;margin:0}.experience-timeline{position:relative;padding-left:var(--portfolio-spacing-lg)}.experience-item{position:relative;padding-bottom:var(--portfolio-spacing-lg);border-left:2px solid var(--portfolio-border);padding-left:var(--portfolio-spacing-lg);margin-bottom:var(--portfolio-spacing-md)}.experience-item::before{content:'';position:absolute;left:-8px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--portfolio-primary);border:3px solid var(--portfolio-bg);box-shadow:0 0 0 3px var(--portfolio-border)}.experience-item:hover::before{background:var(--portfolio-accent);transform:scale(1.3);transition:all .3s ease}.experience-company{font-size:1.15rem;font-weight:700;color:var(--portfolio-text);margin-bottom:2px}.experience-role{font-size:1rem;font-weight:600;color:var(--portfolio-primary);margin-bottom:1px}.experience-date{font-size:.85rem;color:var(--portfolio-text-light);font-style:italic;margin-bottom:var(--portfolio-spacing-xs)}.experience-description{color:var(--portfolio-text);margin-bottom:var(--portfolio-spacing-sm)}.experience-tech{display:inline-block;background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);color:var(--portfolio-primary);padding:var(--portfolio-spacing-xs) var(--portfolio-spacing-sm);border-radius:var(--portfolio-radius-sm);font-size:.875rem;font-weight:500;margin-top:var(--portfolio-spacing-xs);border:1px solid var(--portfolio-primary-light)}.experience-hidden{display:none!important}.experience-more-toggle{text-align:center;margin-bottom:var(--portfolio-spacing-xl);position:relative}.experience-more-toggle::before{content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--portfolio-border);z-index:0}.toggle-btn{position:relative;z-index:1;background:var(--portfolio-bg);border:2px solid var(--portfolio-primary);color:var(--portfolio-primary);padding:.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--portfolio-spacing-xs)}.toggle-btn:hover{background:var(--portfolio-primary);color:white;box-shadow:var(--portfolio-shadow-md);transform:translateY(-2px)}.toggle-btn .icon{font-size:1.2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--portfolio-spacing-lg);margin-top:var(--portfolio-spacing-lg)}.project-card{background:var(--portfolio-bg);border:1px solid var(--portfolio-border);border-radius:var(--portfolio-radius-lg);padding:var(--portfolio-spacing-md);transition:all .3s ease;position:relative;overflow:hidden}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--portfolio-gradient-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.project-card:hover{transform:translateY(-8px);box-shadow:var(--portfolio-shadow-xl);border-color:var(--portfolio-primary)}.project-card:hover::before{transform:scaleX(1)}.project-title{font-size:1.2rem;font-weight:700;color:var(--portfolio-text);margin-bottom:var(--portfolio-spacing-xs)}.project-description{color:var(--portfolio-text-light);line-height:1.7;margin-bottom:var(--portfolio-spacing-md)}.education-item,.certification-item{background:var(--portfolio-bg-alt);padding:var(--portfolio-spacing-md);border-radius:var(--portfolio-radius-md);border-left:4px solid var(--portfolio-primary);margin-bottom:var(--portfolio-spacing-md);transition:all .3s ease}.education-item:hover,.certification-item:hover{background:white;box-shadow:var(--portfolio-shadow-md);transform:translateX(4px)}.education-degree,.certification-name{font-size:1.1rem;font-weight:600;color:var(--portfolio-text);margin-bottom:1px}.education-school,.certification-issuer{font-size:.9rem;font-weight:500;color:var(--portfolio-primary);margin-bottom:1px}.education-details{font-size:.85rem;color:var(--portfolio-text-light)}.connect-section{background:var(--portfolio-gradient-primary);color:white;padding:var(--portfolio-spacing-xl);border-radius:var(--portfolio-radius-lg);text-align:center;margin-top:var(--portfolio-spacing-2xl)}.connect-section h2{color:white;border-bottom:3px solid rgba(255,255,255,0.3);margin-bottom:var(--portfolio-spacing-lg)}.connect-links{display:flex;justify-content:center;gap:var(--portfolio-spacing-md);flex-wrap:wrap;margin-top:var(--portfolio-spacing-lg)}.connect-link{display:inline-flex;align-items:center;gap:var(--portfolio-spacing-xs);background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);color:white;padding:var(--portfolio-spacing-sm) var(--portfolio-spacing-md);border-radius:var(--portfolio-radius-md);text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,0.3)}.connect-link:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,0.2);border-color:rgba(255,255,255,0.5)}@media(max-width:768px){.portfolio-hero h1{font-size:2rem}.portfolio-hero h2{font-size:1.25rem}.portfolio-hero p{font-size:1rem}.skills-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.experience-timeline{padding-left:var(--portfolio-spacing-sm)}.experience-item{padding-left:var(--portfolio-spacing-md)}.connect-links{flex-direction:column;align-items:stretch}.connect-link{justify-content:center}}@media(max-width:480px){.portfolio-hero{padding:var(--portfolio-spacing-lg) var(--portfolio-spacing-md);margin:calc(var( -  - portfolio - spacing - md) * -1) calc(var( -  - portfolio - spacing - md) * -1) var(--portfolio-spacing-lg)}.portfolio-section{padding:var(--portfolio-spacing-md)}.portfolio-section h2{font-size:1.5rem}}@media print{.portfolio-hero{background:white;color:black;box-shadow:none}.project-card,.skill-category,.education-item{break-inside:avoid}}