@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700;900&display=swap";.hero-section{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:0;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:-20%;left:-10%}.hero-section:after{content:"";z-index:0;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;bottom:-20%;right:-10%}.hero-container{z-index:1;text-align:center;position:relative}.greeting{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.name{margin-bottom:1rem;font-size:clamp(3rem,8vw,5.5rem);line-height:1.1}.title{color:var(--text-muted);margin-bottom:2.5rem;font-size:clamp(1.2rem,3vw,2rem);font-weight:400}.social-links{justify-content:center;gap:1.5rem;display:flex}.social-icon{color:var(--text-main);background:var(--card-bg);border:1px solid var(--card-border);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;transition:all .3s;display:flex}.social-icon:hover{color:var(--accent-1);border-color:var(--accent-1);transform:translateY(-5px);box-shadow:0 10px 20px #3b82f633}.about-section{z-index:1;position:relative}.about-content{justify-content:center;display:flex}.about-card{width:100%;max-width:800px}.profile-text{color:var(--text-main);margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.location-info{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.1rem;display:inline-flex}.location-icon{font-size:1.2rem}.skills-section{z-index:1;position:relative}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.skill-category{padding:2rem}.category-title{color:var(--accent-1);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:1.25rem}.tech-list{flex-wrap:wrap;gap:1rem;display:flex}.tech-item{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .3s;display:flex}.tech-item:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.tech-icon{align-items:center;font-size:1.2rem;display:flex}.tech-name{color:var(--text-main);font-size:.95rem;font-weight:500}.soft-skills-card{text-align:center}.soft-skills-list{flex-wrap:wrap;justify-content:center;gap:1.5rem;list-style:none;display:flex}.soft-skill-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:1.05rem;display:flex}.check-icon{color:var(--accent-2);font-weight:700}.experience-section{z-index:1;position:relative}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:after{content:"";background:var(--card-border);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{background-color:inherit;width:50%;padding:10px 40px;position:relative}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-dot{background-color:var(--bg-color);border:4px solid var(--accent-1);z-index:1;width:20px;height:20px;box-shadow:0 0 10px var(--accent-1);border-radius:50%;position:absolute;top:30px;right:-10px}.timeline-item:nth-child(2n) .timeline-dot{left:-10px}.timeline-content{border-radius:12px;padding:1.5rem;position:relative}.period{color:var(--accent-1);background:#3b82f61a;border-radius:20px;margin-bottom:.5rem;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.role{color:var(--text-main);margin-bottom:.25rem;font-size:1.3rem}.company{color:var(--text-muted);margin-bottom:1rem;font-size:1rem;font-weight:500}.job-details{flex-direction:column;gap:1rem;display:flex}.description,.results{color:var(--text-muted);font-size:.95rem;line-height:1.6}.description strong,.results strong{color:var(--text-main)}@media screen and (width<=768px){.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:nth-child(2n){left:0%}.timeline-item:nth-child(odd) .timeline-dot,.timeline-item:nth-child(2n) .timeline-dot{left:21px}}.education-section{z-index:1;position:relative}.education-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.ed-card{padding:2rem}.card-title{color:var(--accent-1);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.3rem;display:flex}.card-icon{font-size:1.5rem}.ed-item{margin-bottom:1.5rem}.ed-item:last-child{margin-bottom:0}.course{color:var(--text-main);margin-bottom:.25rem;font-size:1.1rem}.institution{color:var(--text-muted);font-size:.95rem}.lang-list,.cert-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.lang-item{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.lang-name{color:var(--text-main);font-weight:500}.lang-level{color:var(--accent-2);background:#8b5cf61a;border-radius:12px;padding:.2rem .6rem;font-size:.85rem}.cert-item{color:var(--text-main);align-items:flex-start;gap:.75rem;line-height:1.5;display:flex}.check-icon{color:var(--accent-1);margin-top:-2px;font-size:1.2rem}.lang-switcher{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex;position:absolute;top:20px;right:30px}.lang-switcher:hover{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.lang-text{font-family:var(--font-sans);color:var(--text-muted);font-size:.9rem;font-weight:600;transition:color .3s}.lang-text.active{color:var(--accent-1)}.lang-divider{color:var(--card-border);font-size:.9rem}@media screen and (width<=768px){.lang-switcher{top:15px;right:15px}}.framework-switcher{background:var(--card-bg);border:1px solid var(--card-border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;top:20px;left:30px}.framework-link{font-family:var(--font-sans);color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.framework-link.active{color:var(--text-main);cursor:default}.framework-link.inactive:hover{color:var(--text-main);transform:translateY(-1px)}.framework-icon{font-size:1.2rem}.framework-icon.react{color:#61dafb}.framework-icon.angular{color:#dd0031}.framework-divider{color:var(--card-border);font-size:.9rem}@media screen and (width<=768px){.framework-switcher{top:15px;left:15px}.framework-link span{display:none}}:root{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--text-main:#f8fafc;--text-muted:#94a3b8;--accent-1:#3b82f6;--accent-2:#8b5cf6;--accent-gradient:linear-gradient(to right, var(--accent-1), var(--accent-2));--card-bg:#1e293bb3;--card-border:#ffffff1a;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);font-family:var(--font-sans);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:var(--accent-1);text-decoration:none;transition:all .3s}a:hover{color:var(--accent-2)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:2rem;box-shadow:0 4px 30px #0000001a}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem}section{padding:6rem 0}.btn{font-weight:600;font-family:var(--font-display);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{filter:brightness(1.1);color:#fff}.cta-container{margin-top:2.5rem}