:root{--primary:#0f172a;--secondary:#1e293b;--accent:#3b82f6;--accent-light:#60a5fa;--text:#f8fafc;--text-dim:#94a3b8;--border:#334155;--card-bg:#1e293b66;--gradient:linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--gradient-deep:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--font-main:"Outfit", "Inter", system-ui, sans-serif;--glow:0 0 20px #3b82f64d;--header-h:90px;--header-h-shrunk:70px;--glass-bg:#0f172ab3;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary);color:var(--text);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}header{z-index:1000;height:var(--header-h);-webkit-backdrop-filter:blur();background:0 0;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}header.scrolled{height:var(--header-h-shrunk);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0003}.scroll-progress-container{z-index:1001;background:#ffffff0d;width:100%;height:3px;position:absolute;top:0;left:0}.scroll-progress-bar{background:var(--gradient);height:100%;box-shadow:0 0 10px var(--accent);width:0%;transition:width .1s ease-out}.nav-links ul{gap:2.5rem;list-style:none;display:flex}.nav-link{color:var(--text-dim);padding:.5rem 0;font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:after{content:"";background:var(--gradient);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-cta{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.header-cta:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.logo-container{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-icon{background:var(--gradient);color:#fff;width:40px;height:40px;box-shadow:var(--glow);border-radius:10px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;display:flex}.logo-text{letter-spacing:2px;color:var(--text);background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800;transition:all .3s}header.scrolled .logo-text{font-size:1.15rem}section{padding:6rem 0}h1,h2,h3{letter-spacing:-.025em;font-weight:700}.section-title{text-align:center;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem}.hero-section{background:radial-gradient(circle at 10% 20%,#3b82f614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#2dd4bf14 0%,#0000 40%);align-items:center;min-height:100vh;padding:8rem 0;display:flex;position:relative;overflow:hidden}.hero-split-container{align-items:center;gap:6rem;width:100%;display:flex}.hero-left{z-index:2;flex-direction:column;flex:1;align-items:flex-start;display:flex}.hero-right{z-index:2;flex:1.2}.hero-image-wrapper{width:400px;height:500px;margin-bottom:2.5rem;position:relative}.hero-image-wrapper:before{content:"";background:var(--gradient);filter:blur(15px);opacity:.2;border-radius:20px;position:absolute;inset:-10px}.hero-image{object-fit:cover;border:2px solid var(--accent);background:var(--secondary);border-radius:20px;width:100%;height:100%;position:relative;box-shadow:0 20px 40px #0006}@keyframes morphing{0%{border-radius:40% 60% 70% 30%/40% 50% 60% 40%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.hero-name-label{background:var(--gradient);-webkit-text-fill-color:transparent;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:900;line-height:1.1;overflow:hidden}.hero-title-tag{color:var(--text);align-items:center;gap:1rem;font-size:1.8rem;font-weight:500;display:flex}.hero-title-tag b{color:var(--accent);font-weight:800}.hero-description-glass{-webkit-backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #ffffff14;border-radius:40px;padding:3.5rem;position:relative;box-shadow:0 25px 50px #0006}.hero-description-glass:after{content:"\"";opacity:.1;color:var(--accent);font-family:serif;font-size:5rem;position:absolute;top:1rem;left:2rem}.hero-main-text{color:var(--text-dim);text-align:justify;margin-bottom:3rem;font-size:1.35rem;line-height:1.8}.hero-main-text b{color:var(--text);font-weight:600}.hero-cta-flex{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.hero-social-row{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:2rem;padding-top:1rem;display:flex}.hero-social-link{color:var(--text-dim);align-items:center;gap:.6rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.hero-social-link:hover{color:var(--accent-light);text-shadow:0 0 10px #3b82f666;transform:translateY(-2px)}.premium-btn{cursor:pointer;border-radius:18px;align-items:center;gap:1rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.premium-btn-primary{background:var(--gradient);color:#fff;box-shadow:0 10px 25px #3b82f666}.premium-btn-secondary{border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.premium-btn:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 20px 40px #00000080}.premium-btn-primary:hover{filter:brightness(1.1)}@keyframes slideInLeftHero{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRightHero{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-left{animation:1s ease-out forwards slideInLeftHero}.animate-right{animation:1s ease-out forwards slideInRightHero}@media screen and (width<=1100px){.hero-split-container{text-align:center;flex-direction:column;gap:4rem}.hero-left{align-items:center}.hero-title-tag,.hero-cta-flex{justify-content:center}.hero-image-wrapper{width:300px;height:380px}.hero-name-label{font-size:2.5rem}}@media screen and (width<=640px){.hero-description-glass{padding:2rem}.hero-main-text{font-size:1.1rem}.hero-name-label{font-size:1.8rem}.hero-image-wrapper{width:240px;height:300px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s forwards fadeIn}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s}.card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px #007bff1a}.project-grid,.project-grid-final{gap:2.5rem;margin-top:2rem;display:grid}.project-grid{grid-template-columns:repeat(3,1fr)}.project-grid-final{grid-template-columns:repeat(4,1fr);margin-top:2.5rem}.glass-card-premium{-webkit-backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;height:100%;padding:2.5rem;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.glass-card-premium:before{content:"";background:var(--gradient);opacity:0;width:100%;height:4px;transition:opacity .5s;position:absolute;top:0;left:0}.glass-card-premium:hover{border-color:var(--accent);background:#1e293b99;transform:translateY(-12px)scale(1.02);box-shadow:0 30px 60px #0006,0 0 20px #3b82f61a}.glass-card-premium:hover:before{opacity:1}.project-tag{color:var(--accent-light);text-transform:uppercase;letter-spacing:1.5px;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:100px;width:fit-content;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:800;display:inline-block}.project-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:1.6rem;font-weight:800;line-height:1.2}.project-description{color:var(--text-dim);flex-grow:1;margin-bottom:2rem;font-size:1rem;line-height:1.6}.project-highlights-box{border-top:1px solid #ffffff0d;padding-top:1.5rem}.highlight-label{text-transform:uppercase;color:var(--accent);letter-spacing:2px;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:block}.highlight-item{color:var(--text-dim);align-items:flex-start;gap:.8rem;margin-bottom:.6rem;font-size:.9rem;display:flex}.highlight-bullet{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0;margin-top:7px}@media screen and (width<=1100px){.project-grid,.project-grid-final{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.project-grid,.project-grid-final{grid-template-columns:1fr;gap:2rem}}.ascent-container{width:100%;max-width:1300px;margin:0 auto;padding:6rem 1rem;position:relative}.ascent-wrapper{flex-direction:column;gap:4rem;width:100%;display:flex;position:relative}.ascent-item{z-index:2;align-items:center;width:100%;min-height:280px;display:flex;position:relative}.ascent-item.left{justify-content:flex-start}.ascent-item.right{justify-content:flex-end}.roadmap-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff1a;border-radius:32px;width:45%;padding:3rem;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.roadmap-card:before{content:"";background:var(--gradient);opacity:.6;width:100%;height:4px;position:absolute;top:0;left:0}.roadmap-card:hover{border-color:var(--accent);background:#1e293b99;transform:translateY(-10px)scale(1.02);box-shadow:0 30px 70px #3b82f640}.roadmap-card .icon-wrapper{background:var(--gradient);width:60px;height:60px;box-shadow:var(--glow);color:#fff;border-radius:18px;justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.milestone-dot{z-index:10;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dot-outer{border:1px solid var(--accent);background:#3b82f61a;border-radius:50%;width:48px;height:48px;animation:2s infinite pulse-glow;position:absolute}.dot-center{background:var(--accent);width:16px;height:16px;box-shadow:0 0 15px var(--accent);z-index:2;border-radius:50%;transition:all .3s}@keyframes pulse-glow{0%{opacity:.8;transform:scale(1)}50%{opacity:.2;transform:scale(1.5)}to{opacity:.8;transform:scale(1)}}.ascent-item:hover .dot-center{box-shadow:0 0 30px var(--accent);transform:scale(1.5)}.description-list{columns:1;margin-top:1.5rem;padding-left:0;list-style:none}.description-list li{color:var(--text-dim);margin-bottom:1rem;padding-left:1.5rem;font-size:1rem;line-height:1.5;position:relative}.description-list li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}@media screen and (width<=960px){.ascent-item{min-height:auto;padding-bottom:3rem;padding-left:20px;justify-content:flex-start!important}.roadmap-card{border-radius:24px;max-width:100%;padding:2rem;width:100%!important}.roadmap-card .icon-wrapper{width:48px;height:48px;margin-bottom:1.5rem}.hide-mobile{display:none!important}.description-list{columns:1}}.experience-panels-wrapper{flex-direction:column;gap:3rem;max-width:1200px;margin-top:4rem;margin-left:auto;margin-right:auto;display:flex;position:relative}.experience-panel{-webkit-backdrop-filter:blur(40px);background:#0f172a66;border:1px solid #ffffff14;border-radius:40px;gap:3rem;padding:5rem;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006}.experience-panel:hover{border-color:var(--accent);background:#0f172a99;transform:translateY(-5px);box-shadow:0 40px 100px #0009,0 0 30px #3b82f61a}.evolution-axis{background:linear-gradient(to bottom, var(--accent) 0%, transparent 100%);opacity:.3;width:2px;position:absolute;top:15rem;bottom:5rem;left:170px}.exp-panel-icon{background:var(--gradient);color:#fff;width:120px;height:120px;box-shadow:var(--glow), 0 0 40px #3b82f64d;z-index:2;border-radius:32px;flex-shrink:0;justify-content:center;align-items:center;transition:all .6s;display:flex;position:relative}.experience-panel:hover .exp-panel-icon{transform:rotate(-5deg)scale(1.05)}.exp-panel-content{z-index:2;flex-grow:1;padding-left:2rem;position:relative}.exp-panel-phase{text-transform:uppercase;color:#fff;background:var(--gradient);letter-spacing:3px;border-radius:100px;margin-bottom:2rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:800;display:inline-block;box-shadow:0 5px 15px #3b82f64d}.exp-panel-company{color:#fff;letter-spacing:-1.5px;margin-bottom:.75rem;font-size:2.8rem;font-weight:900;line-height:1.1}.exp-panel-period{color:var(--accent);align-items:center;gap:.75rem;margin-bottom:3rem;font-size:1.25rem;font-weight:700;display:flex}.milestone-container{flex-direction:column;gap:2.5rem;margin-top:2rem;display:flex}.milestone-item{padding-left:2rem;position:relative}.milestone-item:before{content:"";background:var(--accent);width:12px;height:12px;box-shadow:0 0 15px var(--accent);z-index:3;border-radius:50%;position:absolute;top:.5rem;left:-2.3rem}.milestone-header{color:var(--text);margin-bottom:.5rem;font-size:1.2rem;font-weight:800;display:block}.milestone-desc{color:var(--text-dim);font-size:1.1rem;line-height:1.6}@media screen and (width<=960px){.experience-panel{flex-direction:column;gap:2rem;padding:3rem 2rem}.evolution-axis{display:none}.exp-panel-content{padding-left:0}.milestone-item:before{display:none}.experience-panel{border-radius:32px;flex-direction:column;gap:1.5rem;padding:2.5rem}.exp-panel-icon{width:70px;height:70px}.exp-panel-company{font-size:1.75rem}.exp-panel-phase{font-size:.75rem}.section-title{font-size:2.25rem}.hero-title{font-size:2.75rem}}@media screen and (width<=640px){.ascent-container{padding:2rem .5rem}.ascent-item{padding-left:35px}.ascent-wrapper:before{left:10px}.milestone-dot{left:10px!important}.glass-milestone{padding:1.25rem}}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.contact-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1.5rem;padding:2rem;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--accent);background:#3b82f60d;transform:translateY(-5px)}.contact-icon{background:var(--gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.skill-panels-wrapper{flex-direction:column;gap:2rem;margin-top:2.5rem;display:flex}.skill-panel{-webkit-backdrop-filter:blur(20px);background:#1e293b4d;border:1px solid #ffffff0d;border-radius:32px;align-items:center;gap:2.5rem;padding:2.5rem;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.skill-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 70%,#ffffff08 100%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.skill-panel:hover{border-color:#ffffff26;transform:translateY(-5px)scale(1.01)}.panel-databases:hover{box-shadow:0 20px 50px #3b82f626,inset 0 0 20px #3b82f60d}.panel-certifications:hover{box-shadow:0 20px 50px #eab3081f,inset 0 0 20px #eab3080d}.panel-future:hover{box-shadow:0 20px 50px #a855f726,inset 0 0 20px #a855f70d}.panel-icon-box{background:var(--card-bg);border:1px solid var(--border);width:80px;height:80px;color:var(--accent);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;transition:all .4s;display:flex}.skill-panel:hover .panel-icon-box{color:var(--text);background:var(--gradient);box-shadow:var(--glow);border-color:#0000;transform:rotate(-5deg)scale(1.1)}.panel-content{flex-grow:1}.panel-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:1.25rem;font-size:.9rem;font-weight:800}.panel-items{flex-wrap:wrap;gap:.75rem;display:flex}.panel-tag{color:var(--text);background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:.6rem 1.2rem;font-size:1rem;transition:all .3s}.skill-panel:hover .panel-tag{background:#ffffff0f;border-color:#ffffff1a}@media screen and (width<=768px){.skill-panel{text-align:left;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem}.nav-links{display:none}.mobile-toggle{display:block!important}}.mobile-drawer{background:var(--secondary);background:linear-gradient(180deg, var(--secondary) 0%, var(--primary) 100%);z-index:2000;flex-direction:column;width:300px;padding:2rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #00000080}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1999;background:#0f172a99;position:fixed;inset:0}.mobile-drawer-close{color:var(--text);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-bottom:3rem}.mobile-nav-links{flex-direction:column;gap:2rem;display:flex}.mobile-nav-link{color:var(--text-dim);align-items:center;gap:1rem;font-size:1.25rem;font-weight:600;transition:all .3s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent);transform:translate(10px)}.footer-wrapper{background:linear-gradient(#0000,#0f172acc);margin-top:4rem;padding:8rem 0 4rem;position:relative;overflow:hidden}.footer-wrapper:before{content:"";background:linear-gradient(to right, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.footer-grid{grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:4rem;margin-bottom:6rem;display:grid}.footer-column h4{color:var(--text);margin-bottom:2rem;font-size:1.25rem;font-weight:700;position:relative}.footer-column h4:after{content:"";background:var(--accent);border-radius:2px;width:30px;height:2px;position:absolute;bottom:-.5rem;left:0}.footer-brand-logo{color:var(--accent);margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:block}.footer-brand-desc{color:var(--text-dim);margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:1rem}.footer-links a{color:var(--text-dim);align-items:center;gap:.5rem;transition:all .3s;display:flex}.footer-links a:hover{color:var(--accent);transform:translate(5px)}.footer-contact-item{color:var(--text-dim);gap:1rem;margin-bottom:1.5rem;display:flex}.footer-contact-icon{color:var(--accent);flex-shrink:0}.footer-contact-text span{text-transform:uppercase;color:#fff6;letter-spacing:1px;font-size:.85rem;font-weight:700;display:block}.footer-social-row{gap:1.25rem;margin-top:1.5rem;display:flex}.footer-social-btn{width:44px;height:44px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex}.footer-social-btn:hover{background:var(--gradient);color:#fff;box-shadow:var(--glow);border-color:#0000;transform:translateY(-5px)rotate(8deg)}.footer-bottom{color:var(--text-dim);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:3rem;font-size:.95rem;display:flex}@media screen and (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media screen and (width<=640px){.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem}}