@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--accent-500:#6366f1;--accent-400:#818cf8;--accent-600:#4f46e5;--accent-700:#4338ca;--accent-300:#a5b4fc;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--shadow-glass:0 8px 32px 0 rgba(31,38,135,.37);--shadow-elevation:0 20px 40px rgba(0,0,0,.1);--border-glass:1px solid hsla(0,0%,100%,.18)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}body[data-theme=dark]{--bg:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--card:rgba(26,26,36,.8);--card-hover:rgba(30,30,42,.9);--glass:rgba(15,15,25,.25);--glass-border:hsla(0,0%,100%,.1);--text:#fff;--text-secondary:#e2e8f0;--muted:#94a3b8;--accent:var(--accent-500);--border:hsla(0,0%,100%,.08);background:radial-gradient(ellipse at top,#1e1b4b 0,#0f0f23 50%,#000 100%);color:var(--text)}body[data-theme=light]{--bg:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--card:hsla(0,0%,100%,.9);--card-hover:rgba(248,250,252,.95);--glass:hsla(0,0%,100%,.25);--glass-border:rgba(0,0,0,.1);--text:#0f172a;--text-secondary:#334155;--muted:#64748b;--accent:var(--accent-600);--border:rgba(0,0,0,.06);background:radial-gradient(ellipse at top,#e0e7ff 0,#f8fafc 50%,#fff 100%);color:var(--text)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0,transparent 50%);animation:backgroundShift 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes backgroundShift{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.1) rotate(180deg)}}.container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;padding:1.5rem 0;margin-bottom:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass);border-bottom:var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.header.scrolled{padding:1rem 0;box-shadow:var(--shadow-glass);background:rgba(15,15,25,.8)}body[data-theme=light] .header.scrolled{background:hsla(0,0%,100%,.8)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.brand{font-weight:800;font-size:1.75rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-accent);transition:left .3s cubic-bezier(.4,0,.2,1);z-index:-1}.nav a:hover{color:#fff;transform:translateY(-2px)}.nav a:hover:before{left:0}.hero{padding:4rem 0 6rem;text-align:center;position:relative}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text) 0,var(--accent-400) 50%,var(--accent-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) both;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;color:var(--accent);margin-bottom:1.5rem;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s both}.hero-description{font-size:1.125rem;color:var(--muted);line-height:1.7;margin-bottom:2.5rem;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s both}.social-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s both}.social-link{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:50px;background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--glass-border);color:var(--text);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s cubic-bezier(.4,0,.2,1);z-index:-1}.social-link:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-elevation);color:#fff}.social-link:hover:before{left:0}.card{background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:24px;border:var(--glass-border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-400),transparent);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-elevation);background:var(--card-hover)}.card:hover:before{opacity:1}.about-grid{margin-top:2rem}.about-grid,.about-inner{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:2rem;gap:2rem;align-items:start}.about-inner{margin-top:0}.video-card{position:relative;overflow:hidden}.video-card video{width:100%;height:auto;border-radius:16px;transition:transform .3s ease}.video-card:hover video{transform:scale(1.05)}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.project-card{height:100%;display:flex;flex-direction:column;position:relative}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.project-status{font-size:.75rem;padding:.375rem .75rem;border-radius:50px;background:var(--gradient-accent);color:#fff;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px rgba(79,172,254,.3)}.tech-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.tech-badge{font-size:.75rem;padding:.375rem .75rem;border-radius:50px;background:rgba(99,102,241,.1);color:var(--accent);border:1px solid rgba(99,102,241,.2);font-weight:500;transition:all .2s ease}.tech-badge:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.project-link{margin-top:auto;color:var(--accent);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;padding:.75rem 1.5rem;border-radius:50px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2)}.project-link:hover{background:var(--accent);color:#fff;transform:translateX(4px)}.project-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;margin-top:.5rem}.project-category-tab{display:inline-block;min-width:60px;text-align:center;padding:.35rem 1.1rem;border-radius:999px;font-size:.97rem;font-weight:600;letter-spacing:.01em;text-transform:capitalize;background:hsla(0,0%,100%,.8);color:#222;border:1.5px solid #e5e7eb;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:background .2s,color .2s}body[data-theme=dark] .project-category-tab{background:hsla(0,0%,100%,.08);color:#f3f4f6;border:1.5px solid #444459}.experience-timeline{position:relative;margin-top:2rem}.experience-timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--gradient-primary);border-radius:1px}.experience-item{position:relative;margin-left:3rem;margin-bottom:2rem;padding-left:1rem}.experience-item:before{content:"";position:absolute;left:-2.25rem;top:.5rem;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--accent)}.skills-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.skill-category h3{font-size:1.125rem;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.skill-category h3:before{content:"";width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}.skill-tags{display:flex;gap:.75rem;flex-wrap:wrap}.skill-tag{padding:.75rem 1rem;border-radius:50px;background:var(--card);border:var(--glass-border);font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.skill-tag:hover{background:var(--accent);color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px rgba(99,102,241,.3)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-top:2rem}.cert-card{padding:1.5rem;gap:1rem}.cert-card,.cert-icon{display:flex;align-items:center}.cert-icon{width:40px;height:40px;border-radius:50%;background:var(--gradient-accent);color:#fff;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px rgba(79,172,254,.3)}.contact-form{margin-top:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.input,textarea{width:100%;padding:1rem 1.25rem;border-radius:16px;border:var(--glass-border);background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text);font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.1);transform:translateY(-2px)}textarea{min-height:120px;resize:vertical}.btn{background:var(--gradient-primary);border:none;color:#fff;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-secondary);transition:left .3s cubic-bezier(.4,0,.2,1);z-index:-1}.btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-elevation)}.btn:hover:before{left:0}h2{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;margin:4rem 0 1rem;background:linear-gradient(135deg,var(--text) 0,var(--accent-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative}h2:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:4px;background:var(--gradient-primary);border-radius:2px}h3{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:920px){.about-grid,.about-inner{grid-template-columns:1fr;gap:1.25rem}.projects{gap:1rem}.form-row,.projects{grid-template-columns:1fr}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card:first-child{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) 0ms both}.card:nth-child(2){animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s both}.card:nth-child(3){animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.card:nth-child(4){animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s both}.card:nth-child(5){animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .4s both}.footer{margin-top:auto;padding:3rem 0;border-top:var(--glass-border);text-align:center;color:var(--muted);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width:1024px){.about-grid{grid-template-columns:1fr;gap:1.5rem}.projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.container,.header-content{padding:0 1rem}.nav{gap:1rem}.nav a{font-size:.875rem;padding:.5rem .75rem}.hero{padding:2rem 0 4rem}.social-links{flex-direction:column;align-items:center}.certifications-grid,.form-row,.projects{grid-template-columns:1fr}.experience-timeline:before{left:.5rem}.experience-item{margin-left:2rem}.experience-item:before{left:-1.75rem}}@media (max-width:480px){.header-content{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center}.brand{font-size:1.5rem}.card{padding:1.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-600)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.media-modal-content{max-width:1100px;width:100%;background:var(--card);padding:1.25rem;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);position:relative}.media-modal-close{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:1.25rem;color:var(--muted);cursor:pointer}.media-modal-body{max-height:70vh;overflow:auto}.media-modal-body .next-image,.media-modal-body img,.media-modal-body video{max-width:100%;max-height:calc(70vh - 40px);width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.media-modal-content{max-width:min(1100px,95vw);overflow:visible}.thumbnails{display:flex;gap:.5rem;align-items:center}.thumbnail{width:96px;height:64px;padding:0;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--bg-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.thumbnail-more{display:inline-flex;min-width:48px;height:64px;border-radius:8px;background:var(--card);border:1px solid var(--border);color:var(--muted);font-weight:600}.media-next,.media-prev,.thumbnail-more{align-items:center;justify-content:center}.media-next,.media-prev{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);border:none;color:#fff;font-size:1.15rem;width:44px;height:44px;padding:0;border-radius:50%;display:flex;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4);z-index:2200}.media-prev{left:-22px}.media-next{right:-22px}@media (max-width:640px){.media-next,.media-prev{width:36px;height:36px;font-size:1rem;left:8px;right:8px}.media-prev{left:8px}.media-next{right:8px}}