html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#a62626;--secondary-color:#f23d3d;--accent-color:#579af2;--text-primary:#0d0d0d;--text-secondary:#4a4a4a;--text-light:#6b6b6b;--background-primary:#fff;--background-secondary:#f8f9fb;--background-tertiary:#fee8e8;--background-dark:#0d0d0d;--border-color:#e6d4d4;--border-light:#efe0e0;--shadow-light:#a626261a;--shadow-medium:#a6262633;--shadow-dark:#a626264d;--gradient-primary:linear-gradient(135deg,#a62626,#f23d3d);--gradient-warm:linear-gradient(135deg,#f23d3d,#579af2)}[data-theme=dark]{--primary-color:#f23d3d;--secondary-color:#579af2;--accent-color:#a62626;--text-primary:#f5f5f5;--text-secondary:#b8b8b8;--text-light:#9a9a9a;--background-primary:#0d0d0d;--background-secondary:#1a1a1a;--background-tertiary:#2a1a1a;--background-dark:#000;--border-color:#3a2a2a;--border-light:#2a1a1a;--shadow-light:#0006;--shadow-medium:#00000080;--shadow-dark:#000000b3;--gradient-primary:linear-gradient(135deg,#f23d3d,#a62626);--gradient-warm:linear-gradient(135deg,#f23d3d,#579af2)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background-color:#fff;background-color:var(--background-primary);color:#0d0d0d;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-y:scroll;scrollbar-width:none;transition:background-color .3s ease,color .3s ease}body::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}.section-title{color:#0d0d0d;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#a62626,#f23d3d);background:var(--gradient-primary);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#a62626,#f23d3d);background:var(--gradient-primary);box-shadow:0 4px 15px #a6262633;box-shadow:0 4px 15px var(--shadow-medium);color:#fff}.btn-primary:hover{box-shadow:0 6px 25px #a6262633;box-shadow:0 6px 25px var(--shadow-medium);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #a62626;border:2px solid var(--primary-color);color:#a62626;color:var(--primary-color)}.btn-outline:hover{background:#a62626;background:var(--primary-color);color:#fff}[data-theme=dark] .btn-outline{background:#0000;border:2px solid #a62626;border:2px solid var(--primary-color);color:#a62626;color:var(--primary-color)}[data-theme=dark] .btn-outline:hover{background:#a62626;background:var(--primary-color);color:#fff;color:var(--background-primary)}.fade-in-up{animation:fadeInUp .6s ease-out forwards}@media (max-width:768px){.section{padding:60px 0}.section-title{font-size:2rem}.container{padding:0 15px}}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:1rem;max-width:400px;position:fixed;right:20px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease-out;background:var(--background-secondary);border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:transform .2s ease,opacity .2s ease}.toast:hover{transform:translateX(-5px)}.toast__icon{flex-shrink:0;font-size:1.5rem}.toast__message{color:var(--text-primary);flex:1 1;font-size:.95rem;line-height:1.4}.toast__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:1rem;padding:.25rem;transition:color .2s ease}.toast__close:hover{color:var(--text-primary)}.toast--success{border-left-color:#10b981}.toast--success .toast__icon{color:#10b981}.toast--error{border-left-color:#ef4444}.toast--error .toast__icon{color:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast--info .toast__icon{color:#3b82f6}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.toast-container{bottom:10px;left:10px;max-width:none;right:10px}.toast{padding:.875rem 1rem}.toast__message{font-size:.9rem}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}[data-theme=dark] .header{background:#111827f2}.header--scrolled{background:#fffffffa;border-bottom-color:var(--border-color);box-shadow:0 2px 20px var(--shadow-light)}[data-theme=dark] .header--scrolled{background:#111827fa}.header__content{align-items:center;display:flex;gap:2rem;justify-content:flex-start;padding:1rem 0}.header__logo h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.header__nav{align-items:center;display:flex}.header__nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.header__nav-link{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.header__nav-link:hover{color:var(--primary-color)}.header__nav-link:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.header__nav-link:hover:after{width:100%}.header__actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.header__cv-link{align-items:center;background:var(--primary-color);border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.header__cv-link:hover{background:var(--secondary-color);transform:translateY(-2px)}.header__cv-link i{font-size:.9rem}.header__theme-toggle{align-items:center;background:var(--background-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.header__theme-toggle:hover{background:var(--primary-color);color:#fff;transform:rotate(180deg)}[data-theme=dark] .header__theme-toggle{background:var(--background-primary)}.header__mobile-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.header__mobile-toggle span{background:var(--text-primary);height:3px;transition:all .3s ease;width:25px}.header__mobile-toggle--active span:first-child{transform:rotate(45deg) translate(6px,6px)}.header__mobile-toggle--active span:nth-child(2){opacity:0}.header__mobile-toggle--active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.header__mobile-toggle{display:flex}.header__nav{background:var(--background-primary);border-top:1px solid var(--border-color);box-shadow:0 10px 30px var(--shadow-light);left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.header__nav--open{opacity:1;transform:translateY(0);visibility:visible}.header__nav-list{flex-direction:column;gap:0;padding:1rem 0}.header__nav-link{display:block;padding:1rem 2rem;text-align:left;width:100%}.header__nav-link:hover{background:var(--background-secondary)}.header__theme-toggle{font-size:1rem;height:35px;width:35px}}.hero__interest-code{background:none;color:var(--text-light);display:block;flex:1 1;font-family:Courier New,monospace;font-size:.85rem;font-weight:500;letter-spacing:.02em;margin:0;padding:0;text-align:left;white-space:nowrap}.hero{align-items:center;background:linear-gradient(135deg,#f8fafcf2,#e2e8f0f2);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;min-height:100vh;opacity:0;overflow:hidden;position:relative;transform:translateY(30px);transition:all .8s ease-out}[data-theme=dark] .hero{background:linear-gradient(135deg,#0d0d0dd9,#1a1a1ad9)}.hero--visible{opacity:1;transform:translateY(0)}.hero__background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.hero__background-shape{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:50%;opacity:.15;position:absolute}.hero__background-shape--1{animation-delay:0s;background:var(--gradient-primary);height:300px;right:10%;top:20%;width:300px}.hero__background-shape--2{animation-delay:2s;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));bottom:20%;height:200px;left:15%;width:200px}.hero__background-shape--3{animation-delay:4s;background:var(--gradient-primary);height:150px;left:50%;top:50%;transform:translate(-50%,-50%);width:150px}.hero__content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;width:100%;z-index:1}.hero__greeting{animation:slideInLeft .8s ease-out .2s forwards;color:#ffffffe6;font-size:1.2rem;margin-bottom:1rem;opacity:0}.hero__title{margin-bottom:2rem}.hero__name{animation:slideInLeft .8s ease-out .4s forwards;color:#fff;display:block;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;opacity:0}.hero__role{-webkit-text-fill-color:#0000;animation:slideInLeft .8s ease-out .6s forwards;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-size:1.8rem;font-weight:500;opacity:0}.hero__description{animation:slideInLeft .8s ease-out .8s forwards;color:#ffffffd9;font-size:1.2rem;line-height:1.7;margin-bottom:2.5rem;opacity:0}.hero__cta{animation:slideInLeft .8s ease-out 1s forwards;display:flex;gap:1rem;opacity:0}.hero__visual{align-items:center;animation:slideInRight .8s ease-out .6s forwards;display:flex;flex-direction:column;opacity:0;width:100%}.hero__avatar{height:300px;margin-bottom:2rem;position:relative;width:300px}.hero__avatar-image{border:4px solid #fff3;border-radius:50%;box-shadow:0 20px 60px var(--shadow-medium);height:300px;left:0;object-fit:cover;object-position:center;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out,transform .3s ease,box-shadow .3s ease;width:300px}.hero__avatar-image--active{opacity:1;z-index:1}.hero__avatar-image:hover{box-shadow:0 25px 80px var(--shadow-dark);transform:scale(1.05)}.hero__avatar-placeholder{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:0 20px 60px var(--shadow-medium);color:#fff;display:flex;font-size:6rem;height:300px;justify-content:center;overflow:hidden;position:relative;width:300px}.hero__avatar-placeholder:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.hero__interests{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:400px}.hero__interest-item{align-items:center;background:var(--background-primary);border-radius:10px;box-shadow:0 8px 20px var(--shadow-light);display:flex;flex-direction:row;gap:.75rem;height:56px;padding:.9rem 1.25rem;text-align:left;transition:transform .3s ease;width:100%}.hero__interest-item:hover{transform:translateY(-5px)}.hero__interest-item i{color:var(--primary-color);flex-shrink:0;font-size:1.5rem}.hero__scroll-indicator{align-items:center;animation:fadeIn 1s ease-out 1.5s forwards;bottom:2rem;color:var(--text-light);display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.hero__scroll-mouse{border:2px solid var(--text-light);border-radius:12px;height:40px;margin-bottom:.5rem;position:relative;width:24px}.hero__scroll-wheel{animation:scrollWheel 2s infinite;background:var(--text-light);border-radius:2px;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:4px}@keyframes scrollWheel{0%{opacity:1;top:6px}to{opacity:0;top:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.hero{min-height:100vh;padding:2rem 0;text-align:center}.hero__content{gap:2rem;grid-template-columns:1fr}.hero__name{font-size:2.2rem}.hero__role{font-size:1.3rem}.hero__description{font-size:1rem}.hero__cta{align-items:center;flex-direction:column;width:100%}.hero__cta .btn{max-width:280px;width:80%}.hero__avatar{margin-bottom:1.5rem}.hero__avatar,.hero__avatar-image{height:220px;width:220px}.hero__avatar-placeholder{font-size:3.5rem;height:220px;width:220px}.hero__interests{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:200px}.hero__interest-item{flex-direction:row;height:50px;justify-content:flex-start;padding:.75rem 1rem;width:100%}.hero__interest-item i{font-size:1.3rem}.hero__interest-code{font-size:.8rem}}.about{background:var(--background-secondary);opacity:0;transform:translateY(50px);transition:all .8s ease-out}.about .container{max-width:1600px}.about--visible{opacity:1;transform:translateY(0)}.about__content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.about__left{gap:2rem}.about__left,.about__right{display:flex;flex-direction:column}.about__right{gap:.5rem}.about__image{border-radius:12px;box-shadow:0 10px 30px var(--shadow-light);overflow:hidden}.about__image img{display:block;height:auto;object-fit:cover;width:100%}.about__intro{margin-bottom:0}.about__intro p{color:var(--text-secondary);font-size:1.1rem;line-height:1.9;margin-bottom:1.75rem;text-align:justify}.about__intro strong{color:var(--primary-color);font-weight:600}.about__highlights{display:flex;flex-direction:column;gap:1.5rem}.about__highlight{align-items:flex-start;background:var(--background-primary);border-radius:12px;box-shadow:0 5px 15px var(--shadow-light);display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.about__highlight:hover{transform:translateY(-3px)}.about__highlight-icon{align-items:center;background:var(--gradient-primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.about__highlight-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.about__highlight-content p{color:var(--text-secondary);line-height:1.6;margin:0}.about__metrics{grid-gap:1.5rem;background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-accent) 100());border-radius:0;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin-left:calc(-50vw + 50%);margin-top:2rem;padding:2rem;text-align:center;width:100vw}.about__metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#033859d9;border-radius:8px;color:#fff;padding:1.5rem 1rem;transition:transform .3s ease,background .3s ease}.about__metric:hover{background:#033859f2;transform:translateY(-5px)}.about__metric-value{color:#fff;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:700;margin:.5rem 0}.about__metric-label{color:#fff;font-size:.9rem;letter-spacing:.05em;opacity:.95;text-transform:uppercase}.about__philosophy{background:var(--background-primary);border-radius:20px;box-shadow:0 10px 30px var(--shadow-light);overflow:hidden;padding:3rem;position:relative}.about__philosophy:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.about__philosophy-content{position:relative;text-align:center;z-index:1}.about__philosophy h3{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.about__philosophy blockquote{color:var(--text-secondary);font-size:1.2rem;font-style:italic;line-height:1.7;margin:0 auto;max-width:800px;position:relative}.about__philosophy blockquote:before{color:var(--primary-color);content:'"';font-family:serif;font-size:4rem;left:-2rem;opacity:.3;position:absolute;top:-1rem}.about__values{margin-top:2.5rem}.about__values h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1.25rem}.about__values ul{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.about__values li{background:var(--background-primary);border-left:3px solid var(--primary-color);border-radius:8px;color:var(--text-secondary);font-weight:500;padding:.75rem .9rem;transition:transform .2s ease}.about__values li:hover{transform:translateX(5px)}.about__future{background:var(--background-primary);border-radius:12px;margin-top:2.5rem;padding:2rem}.about__future h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1.4rem}.future__horizon{border-bottom:1px solid var(--border-light);color:var(--text-secondary);line-height:1.6;padding:1rem 0}.future__horizon:last-child{border-bottom:none}.future__horizon strong{color:var(--primary-color);font-weight:600;margin-right:.5rem}@media (max-width:1024px){.about__content{gap:3rem;grid-template-columns:1fr}}@media (max-width:768px){.about__content{gap:2rem}.about__intro p{font-size:1rem}.about__highlight{flex-direction:column;gap:1rem;text-align:center}.about__highlight-icon{align-self:center}.about__metrics{gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.about__metric{padding:1rem .5rem}.about__metric-value{font-size:1.8rem}.about__metric-label{font-size:.75rem}.about__philosophy{padding:2rem}.about__philosophy h3{font-size:1.5rem}.about__philosophy blockquote{font-size:1.1rem}.about__philosophy blockquote:before{display:none}.about__values ul{grid-template-columns:1fr}.about__future{padding:1.5rem}}.passions{background:var(--background-primary);opacity:0;padding:6rem 0;position:relative;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.passions--visible{opacity:1;transform:translateY(0)}.passions .section-title{color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem;text-align:center}.passions__subtitle{color:var(--text-secondary);font-size:1.2rem;font-style:italic;margin-bottom:4rem;text-align:center}.passions__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.passion__card{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 30px var(--shadow-light);color:var(--text-primary);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.passion__card:hover{box-shadow:0 20px 40px var(--shadow-medium);transform:translateY(-10px)}.passion__card--featured{background:var(--background-secondary);grid-column:span 2}.passion__icon{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:1.5rem;width:70px}.passion__card h3{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:1rem}.passion__card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.passion__tagline{color:var(--primary-color);font-size:.95rem;margin-bottom:1rem;margin-top:-.5rem}.passion__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.passion__tag{background:var(--background-tertiary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:.3rem .7rem;text-transform:lowercase}.passion__metrics{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.passion__metrics span{background:var(--background-tertiary);border-radius:15px;color:var(--primary-color);font-size:.85rem;font-weight:500;padding:.4rem .8rem}.passion__links{display:flex;flex-wrap:wrap;gap:1rem}.passion__link{background:var(--gradient-primary);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:transform .3s ease}.passion__link:hover{color:#fff;text-decoration:none;transform:scale(1.05)}.passion__books,.passion__flavors,.passion__gear,.passion__instruments,.passion__stats{display:flex;flex-wrap:wrap;gap:.8rem}.passion__books span,.passion__flavors span,.passion__gear span,.passion__instruments span,.passion__stats span{background:var(--background-tertiary);border-radius:15px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:.4rem .8rem}.passions__cta{background:var(--background-tertiary);border:1px solid var(--border-light);border-radius:20px;padding:3rem;text-align:center}.passions__cta h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.passions__cta p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}@media (max-width:1024px){.passion__card--featured{grid-column:span 1}}@media (max-width:768px){.passions{padding:4rem 0}.passions__grid{gap:1.5rem;grid-template-columns:1fr}.passion__card{padding:1.5rem}.passions .section-title{font-size:2rem}.passions__subtitle{font-size:1rem;margin-bottom:3rem}.passions__cta{padding:2rem}.passions__cta h3{font-size:1.5rem}.passions__cta p{font-size:1rem}}.journey{background:var(--background-secondary);opacity:0;padding:6rem 0;position:relative;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.journey--visible{opacity:1;transform:translateY(0)}.journey__content{margin:0 auto;max-width:1200px;padding:0 2rem}.journey__intro{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:4rem;text-align:center}.journey__layout{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 280px}.journey__main{min-width:0}.journey__sidebar{position:-webkit-sticky;position:sticky;top:100px}.journey__highlights{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}.journey__highlight{align-items:flex-start;background:var(--background-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 20px var(--shadow-light);display:flex;gap:1.5rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.journey__highlight:hover{box-shadow:0 8px 30px var(--shadow-medium);transform:translateY(-5px)}.journey__highlight-icon{align-items:center;background:var(--gradient-primary);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.journey__highlight-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.journey__highlight-content p{color:var(--text-secondary);line-height:1.6;margin:0}.journey__tech-stack{background:var(--background-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 10px var(--shadow-light);padding:1.5rem}.journey__tech-header{border-bottom:2px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.journey__tech-header i{color:var(--primary-color);font-size:2rem}.journey__tech-stack h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:2.5rem;text-align:center}.journey__tech-grid{display:flex;flex-direction:column;gap:1rem}.journey__tech-item{align-items:center;background:var(--background-secondary);border:1px solid #0000;border-radius:8px;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .3s ease}.journey__tech-item:hover{background:var(--background-primary);border-color:var(--primary-color);transform:translateX(5px)}.journey__tech-item i{color:var(--primary-color);font-size:1.25rem;text-align:center;width:24px}.journey__tech-item span{color:var(--text-primary);font-size:.9rem;font-weight:500}.journey__certifications{margin-top:0}.journey__certifications h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:left}.journey__cert-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.journey__cert-item{align-items:center;background:var(--background-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px var(--shadow-light);color:inherit;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;position:relative;text-align:left;text-decoration:none;transition:all .3s ease}.journey__cert-item:hover{border-color:var(--primary-color);box-shadow:0 6px 20px var(--shadow-medium);transform:translateY(-3px)}.journey__cert-link-icon{color:var(--text-muted);font-size:.875rem;opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .3s ease}.journey__cert-item:hover .journey__cert-link-icon{opacity:1}.journey__cert-item--expert{background:linear-gradient(135deg,var(--background-primary) 0,#a626260d 100%);border-color:var(--primary-color)}.journey__cert-badge{align-items:center;background:#0000;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.journey__cert-badge img{height:100%;object-fit:contain;width:100%}.journey__cert-content{flex:1 1}.journey__cert-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.journey__cert-code{color:var(--text-light);font-family:Courier New,monospace;font-size:.875rem;font-weight:500}@media (max-width:768px){.journey{padding:4rem 0}.journey__layout{gap:2rem;grid-template-columns:1fr}.journey__sidebar{order:-1;position:static}.journey__tech-stack{padding:1.5rem}.journey__highlights{gap:1.5rem;grid-template-columns:1fr}.journey__highlight{padding:1.5rem}.journey__tech-grid{flex-direction:column;gap:.75rem}.journey__tech-item{padding:.875rem 1rem}.journey__cert-grid{gap:1rem;grid-template-columns:1fr}.journey__cert-item{padding:1.25rem}}.projects{background:var(--background-secondary);opacity:0;transform:translateY(50px);transition:all .8s ease-out}.projects .container{max-width:1600px}.projects--visible{opacity:1;transform:translateY(0)}.project-section{margin-bottom:4rem}.project-section:last-child{margin-bottom:0}.project-section__title{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;gap:.75rem;margin-bottom:2rem}.project-section__title i{color:var(--primary-color);font-size:1.75rem}.project-section__carousel{overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.project-section__carousel::-webkit-scrollbar{height:8px}.project-section__carousel::-webkit-scrollbar-track{background:#0000}.project-section__carousel::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.project-section__carousel::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.project-section__track{display:flex;gap:2rem;padding-bottom:1rem;width:-webkit-fit-content;width:fit-content}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;max-width:400px;min-width:400px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 30px #667eea26;transform:translateY(-5px)}.project-card__image{align-items:flex-end;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;height:200px;overflow:hidden;position:relative;width:100%}.project-card__image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%;z-index:1}.project-card:hover .project-card__image img{transform:scale(1.05)}.project-card__content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.project-card__title{background:linear-gradient(0deg,#000c 0,#0009 50%,#0000);color:#fff;font-size:1.5rem;margin:0;padding:1rem 1.5rem;position:relative;text-shadow:0 2px 4px #00000080;width:100%;z-index:2}.project-card__description{color:var(--text-secondary);flex:1 1;line-height:1.6;margin-bottom:1rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-card__tag{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.project-card__links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.project-card__link{align-items:center;color:var(--primary-color);display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:gap .3s ease}.project-card__link:hover{gap:.75rem}.project-card__link i{font-size:1rem}.worked-with-carousel{height:150px;margin:0 0 2rem;overflow:hidden;position:relative;width:100%}.worked-with-carousel:after,.worked-with-carousel:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:150px;z-index:2}.worked-with-carousel:before{background:linear-gradient(to right,var(--background-secondary) 0,#0000 100%);left:0}.worked-with-carousel:after{background:linear-gradient(to left,var(--background-secondary) 0,#0000 100%);right:0}.worked-with-track{animation:workedWithScroll 40s linear infinite;gap:4rem;width:-webkit-max-content;width:max-content}.worked-with-logo,.worked-with-track{align-items:center;display:flex;height:100%}.worked-with-logo{justify-content:center;min-width:150px}.worked-with-logo img{filter:brightness(0) saturate(100%) invert(46%) sepia(95%) saturate(1147%) hue-rotate(196deg) brightness(96%) contrast(90%);max-height:80px;max-width:140px;object-fit:contain;transition:transform .2s,filter .2s}.worked-with-logo:hover img{filter:brightness(0) saturate(100%) invert(27%) sepia(67%) saturate(2818%) hue-rotate(340deg) brightness(96%) contrast(95%);transform:scale(1.05)}.worked-with-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;letter-spacing:.02em;margin-bottom:0;text-align:left}@keyframes workedWithScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.project-section__title{font-size:1.5rem}.project-card{max-width:280px;min-width:280px}.project-section{margin-bottom:3rem}}.skills{background:var(--background-primary);opacity:0;transform:translateY(50px);transition:all .8s ease-out}.skills--visible{opacity:1;transform:translateY(0)}.skills__content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 1fr;margin-bottom:4rem}.skills__category-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:2rem}.skills__category-title i{color:var(--primary-color)}.skills__grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.skills__item{animation:slideInLeft .6s ease-out forwards;background:var(--background-primary);border-radius:12px;box-shadow:0 5px 15px var(--shadow-light);opacity:0;padding:1.5rem;transform:translateX(-20px);transition:transform .3s ease}.skills__item:hover{box-shadow:0 10px 25px var(--shadow-medium);transform:translateY(-3px)}.skills__item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.skills__item-info{align-items:center;display:flex;gap:.75rem}.skills__item-icon{font-size:1.2rem;text-align:center;width:30px}.skills__item-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.skills__item-percentage{color:var(--text-secondary);font-size:.9rem;font-weight:600}.skills__bar{background:var(--background-secondary);border-radius:3px;height:6px;overflow:hidden}.skills__bar-fill{border-radius:3px;height:100%;position:relative;transition:width 1.5s ease-out .5s;width:0}.skills__bar-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.skills__soft-grid{grid-gap:1rem;display:grid;gap:1rem}.skills__soft-item{animation:slideInRight .6s ease-out forwards;background:var(--background-primary);border-radius:12px;box-shadow:0 5px 15px var(--shadow-light);opacity:0;padding:1.5rem;transform:translateX(20px);transition:transform .3s ease}.skills__soft-item:hover{box-shadow:0 10px 25px var(--shadow-medium);transform:translateY(-3px)}.skills__soft-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.skills__soft-content h4{color:var(--text-primary);flex:1 1;font-size:.95rem;font-weight:600;margin:0}.skills__soft-level{display:flex;gap:2px;margin-left:1rem}.skills__soft-star{color:#d1d5db;font-size:.8rem;transition:color .3s ease}.skills__soft-star--filled{color:#fbbf24}.skills__soft-percentage{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-align:right}.skills__certifications{background:var(--background-secondary);border-radius:20px;margin-top:2rem;padding:3rem}.skills__cert-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skills__cert-item{animation:fadeInUp .6s ease-out .5s forwards;background:var(--background-primary);border-radius:15px;box-shadow:0 5px 15px var(--shadow-light);opacity:0;padding:2rem;text-align:center;transform:translateY(20px);transition:transform .3s ease}.skills__cert-item:hover{transform:translateY(-5px)}.skills__cert-icon{align-items:center;background:var(--gradient-primary);border-radius:15px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.skills__cert-content h4{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.skills__cert-content p{color:var(--text-secondary);line-height:1.5;margin:0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:1024px){.skills__content{gap:3rem;grid-template-columns:1fr}}@media (max-width:768px){.skills__content{gap:2rem}.skills__category-title{font-size:1.3rem}.skills__item{padding:1.25rem}.skills__soft-content{flex-direction:column;gap:.5rem}.skills__soft-level{justify-content:flex-start;margin-left:0}.skills__soft-percentage{text-align:left}.skills__certifications{padding:2rem}.skills__cert-grid{gap:1.5rem;grid-template-columns:1fr}.skills__cert-item{padding:1.5rem}.skills__cert-icon{font-size:1.2rem;height:50px;width:50px}}.contact{background:var(--background-primary);opacity:0;transform:translateY(50px);transition:all .8s ease-out}.contact--visible{opacity:1;transform:translateY(0)}.contact__intro{margin:0 auto 4rem;max-width:600px;text-align:center}.contact__intro p{color:var(--text-secondary);font-size:1.2rem;line-height:1.7}.contact__content{display:flex;justify-content:center;margin-bottom:4rem}.contact__content--centered{margin-left:auto;margin-right:auto;max-width:800px}.contact__info--full{width:100%}.contact__form-title,.contact__info-title{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.contact__info-text{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.contact__info-list{margin-bottom:2.5rem}.contact__info-item{align-items:flex-start;background:var(--background-secondary);border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:transform .3s ease}.contact__info-item:hover{transform:translateX(5px)}.contact__info-icon{align-items:center;background:var(--gradient-primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.contact__info-content h4{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.contact__info-value{color:var(--primary-color);font-weight:500;margin-bottom:.25rem}.contact__info-subtitle{color:var(--text-light);font-size:.9rem;margin:0}.contact__social{margin-top:2rem}.contact__social-links{display:flex;gap:1rem;justify-content:center}.contact__social-link{align-items:center;background:var(--background-secondary);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.3rem;height:50px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:50px}.contact__social-link:before{background:var(--social-color);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:transform .3s ease}.contact__social-link:hover:before{transform:scale(1)}.contact__social-link:hover{color:#fff;transform:translateY(-3px)}.contact__social-link i{position:relative;z-index:1}.contact__form{background:var(--background-secondary);border-radius:20px;box-shadow:0 10px 30px var(--shadow-light);padding:2.5rem}.contact__form-container{display:flex;flex-direction:column;gap:1.5rem}.contact__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.contact__form-group{display:flex;flex-direction:column}.contact__form-group label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.contact__form-group input,.contact__form-group textarea{background:var(--background-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.contact__form-group input:focus,.contact__form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.contact__form-group textarea{min-height:120px;resize:vertical}.contact__form-submit{align-items:center;align-self:flex-start;display:flex;gap:.5rem;margin-top:1rem}.contact__cta{background:var(--gradient-primary);border-radius:20px;color:#fff;overflow:hidden;padding:3rem;position:relative;text-align:center}.contact__cta:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.1;transform:scale(1.2)}}.contact__cta-content{position:relative;z-index:1}.contact__cta h3{font-size:2rem;font-weight:600;margin-bottom:1rem}.contact__cta p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.contact__cta .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff}.contact__cta .btn:hover{background:#fff;border-color:#fff;color:var(--primary-color)}@media (max-width:1024px){.contact__content{gap:3rem}.contact__content,.contact__form-row{grid-template-columns:1fr}}@media (max-width:768px){.contact__intro{margin-bottom:3rem}.contact__intro p{font-size:1.1rem}.contact__content{gap:2.5rem}.contact__info-item{padding:1.25rem}.contact__form{padding:2rem}.contact__form-title,.contact__info-title{font-size:1.5rem}.contact__social-links{justify-content:center}.contact__cta{padding:2.5rem}.contact__cta h3{font-size:1.75rem}.contact__cta p{font-size:1rem}}@media (max-width:480px){.contact__form{padding:1.5rem}.contact__info-item{flex-direction:column;gap:.75rem;text-align:center}.contact__social-links{gap:.75rem}.contact__social-link{font-size:1.1rem;height:45px;width:45px}.contact__cta{margin-left:-15px;margin-right:-15px;padding:2rem}}.footer{background:var(--background-dark);color:#d1d5db;overflow:hidden;position:relative}.footer:before{background:linear-gradient(135deg,#3b82f60d,#2563eb0d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.footer__content{padding:4rem 0 2rem;position:relative;z-index:1}.footer__main{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.footer__brand{max-width:400px}.footer__logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.footer__tagline{color:#9ca3af;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.footer__description{color:#6b7280;line-height:1.6}.footer__links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.footer__section-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;position:relative}.footer__section-title:after{background:var(--gradient-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.footer__nav{list-style:none;margin:0;padding:0}.footer__nav li{margin-bottom:.75rem}.footer__nav-link{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1rem;padding:0;text-decoration:none;transition:color .3s ease}.footer__nav-link:hover{color:#3b82f6}.footer__social{display:flex;gap:1rem;margin-bottom:1.5rem}.footer__social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;color:#9ca3af;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer__social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.footer__contact-info{color:#6b7280}.footer__contact-info p{font-size:.95rem;margin-bottom:.5rem}.footer__bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:2rem}.footer__copyright{color:#6b7280}.footer__copyright p{font-size:.9rem;margin-bottom:.25rem}.footer__built-with{align-items:center;display:flex;gap:.5rem}.footer__built-with i{animation:heartbeat 1.5s ease-in-out infinite;color:#ef4444}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer__back-to-top{background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1.2rem;height:50px;transition:all .3s ease;width:50px}.footer__back-to-top:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-3px)}.footer__back-to-top:active{transform:translateY(0)}.footer__back-to-top{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer__back-to-top:hover{animation:none}@media (max-width:1024px){.footer__main{gap:3rem;grid-template-columns:1fr;text-align:center}.footer__links{justify-content:center}.footer__brand{max-width:none}}@media (max-width:768px){.footer__content{padding:3rem 0 1.5rem}.footer__main{gap:2.5rem}.footer__links{gap:2rem;grid-template-columns:1fr;text-align:center}.footer__section-title:after{left:50%;transform:translateX(-50%)}.footer__social{justify-content:center}.footer__bottom{flex-direction:column;gap:1.5rem;text-align:center}.footer__logo{font-size:1.75rem}}@media (max-width:480px){.footer__content{padding:2.5rem 0 1.5rem}.footer__brand{margin-bottom:1rem}.footer__logo{font-size:1.5rem}.footer__social{gap:.75rem}.footer__social-link{font-size:.9rem;height:35px;width:35px}.footer__back-to-top{font-size:1rem;height:45px;width:45px}}.construction-banner{background:var(--background-secondary);border-left:4px solid #f59e0b;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000004d;max-width:500px;position:fixed;right:20px;transition:all .3s ease;z-index:9999}.construction-banner--minimized{max-width:60px}.construction-banner__content{align-items:center;display:flex;gap:1rem;padding:1rem}.construction-banner__icon{color:#f59e0b;flex-shrink:0;font-size:1.5rem}.construction-banner__text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.construction-banner__text strong{color:var(--text-primary);font-size:1rem}.construction-banner__text span{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.construction-banner__actions{display:flex;flex-shrink:0;gap:.5rem}.construction-banner__btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s ease}.construction-banner__btn:hover{background:#ffffff1a;color:var(--text-primary)}@media (max-width:768px){.construction-banner{bottom:10px;left:10px;max-width:none;right:10px}.construction-banner--minimized{left:auto;max-width:60px}.construction-banner__content{padding:.875rem}.construction-banner__text strong{font-size:.95rem}.construction-banner__text span{font-size:.85rem}}.collapsible-section{position:relative}.collapsible-section__toggle{align-items:center;background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;position:absolute;right:2rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.collapsible-section__toggle:hover{background:var(--secondary-color);transform:scale(1.1)}.collapsible-section__toggle:active{transform:scale(.95)}.collapsible-section__collapsed-header{cursor:pointer;padding:1.5rem 0 1rem;text-align:center;transition:opacity .3s ease}.collapsible-section__collapsed-header .section-title{font-size:1.5rem;margin-bottom:0}.collapsible-section__collapsed-header:hover{opacity:.8}.collapsible-section--collapsed .collapsible-section__collapsed-header{display:block}.collapsible-section--expanded .collapsible-section__collapsed-header{display:none}.collapsible-section__content{max-height:10000px;opacity:1;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease}.collapsible-section--collapsed .collapsible-section__content{max-height:0;opacity:0;pointer-events:none}@media (max-width:768px){.collapsible-section__toggle{font-size:.875rem;height:36px;right:1rem;top:.5rem;width:36px}}.blog-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1600px;min-height:100vh;opacity:0;padding:6rem 2rem 2rem;transform:translateY(50px);transition:all .8s ease-out}.blog-container.blog--visible{opacity:1;transform:translateY(0)}.blog-empty,.blog-loading{color:var(--text-secondary);font-size:1.1rem;grid-column:1/-1;padding:4rem 2rem;text-align:center}.blog-header{margin-bottom:2rem}.blog-title{background:var(--background-secondary);border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:1.75rem;margin-bottom:1rem;padding:1.5rem}.blog-title__path{color:#579af2;font-weight:600}.blog-title__prompt{color:var(--text-secondary);font-weight:400}.blog-title__command{color:#f23d3d;font-weight:600}.blog-filter-info{align-items:center;background:#579af21a;border-left:3px solid var(--primary-color);border-radius:4px;display:flex;font-size:.95rem;gap:1rem;padding:.75rem 1rem}.blog-clear-filter{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:opacity .3s}.blog-clear-filter:hover{opacity:.8}.blog-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.blog-sidebar__section{margin-bottom:2rem}.blog-sidebar__title{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.blog-sidebar__list{list-style:none;margin:0;padding:0}.blog-sidebar__item{border-radius:4px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:background .3s}.blog-sidebar__item:hover{background:var(--background-secondary)}.blog-sidebar__item-title{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.blog-sidebar__item-date{color:var(--text-secondary);font-size:.85rem}.blog-sidebar__tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-sidebar__tag{background:var(--background-secondary);border:1px solid var(--primary-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:all .3s}.blog-sidebar__tag.active,.blog-sidebar__tag:hover{background:var(--primary-color);color:#fff}.blog-main{min-height:50vh}.blog-articles{grid-gap:2rem;display:grid;gap:2rem}.blog-card{grid-gap:1.5rem;animation:fadeInUp .6s ease-out forwards;background:var(--background-secondary);border-radius:8px;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:250px 1fr;opacity:0;overflow:hidden;transform:translateY(30px);transition:transform .3s,box-shadow .3s}.blog-card:first-child{animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}.blog-card:nth-child(7){animation-delay:.7s}.blog-card:nth-child(8){animation-delay:.8s}.blog-card:nth-child(9){animation-delay:.9s}.blog-card:nth-child(10){animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.blog-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.blog-card__image{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);height:100%;overflow:hidden;position:relative}.blog-card__image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.blog-card__content{display:flex;flex-direction:column;padding:1.5rem 1.5rem 1.5rem 0}.blog-card__title{color:var(--text-primary);font-size:1.75rem;margin-bottom:.75rem}.blog-card__meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem}.blog-card__date i{margin-right:.25rem}.blog-card__excerpt{color:var(--text-secondary);flex-grow:1;line-height:1.6;margin-bottom:1rem}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-card__tag{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.85rem;padding:.25rem .75rem}.blog-card__read-more{align-items:center;color:var(--primary-color);display:flex;font-weight:600;gap:.5rem;transition:gap .3s}.blog-card:hover .blog-card__read-more{gap:.75rem}.blog-post-container{margin:0 auto;max-width:1200px;min-height:100vh;opacity:0;padding:6rem 2rem 2rem;transform:translateY(50px);transition:all .8s ease-out}.blog-post-container.blog--visible{opacity:1;transform:translateY(0)}.blog-post-error,.blog-post-loading{padding:4rem 2rem;text-align:center}.btn-back{align-items:center;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:opacity .3s}.btn-back:hover{opacity:.9}.blog-post__cover{border-radius:8px;margin-bottom:2rem;max-height:500px;overflow:hidden;width:100%}.blog-post__cover img{height:100%;object-fit:cover;width:100%}.blog-post__article{background:var(--background-secondary);border-radius:8px;padding:3rem}.blog-post__header{border-bottom:2px solid var(--primary-color);margin-bottom:2rem;padding-bottom:2rem}.blog-post__title{color:var(--text-primary);font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.blog-post__meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.blog-post__date{color:var(--text-secondary);font-size:1rem}.blog-post__date i{margin-right:.5rem}.blog-post__tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post__tag{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.9rem;padding:.4rem .9rem}.blog-post__tag i{margin-right:.3rem}.blog-post__content{color:var(--text-primary);font-size:1.05rem;line-height:1.8}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3,.blog-post__content h4{color:var(--text-primary);margin-bottom:1rem;margin-top:2rem}.blog-post__content h1{border-bottom:2px solid var(--primary-color);font-size:2rem;padding-bottom:.5rem}.blog-post__content h2{font-size:1.75rem}.blog-post__content h3{font-size:1.5rem}.blog-post__content p{margin-bottom:1.5rem}.blog-post__content ol,.blog-post__content ul{margin-bottom:1.5rem;padding-left:2rem}.blog-post__content li{margin-bottom:.5rem}.blog-post__content a{color:var(--primary-color);text-decoration:underline}.blog-post__content a:hover{opacity:.8}.blog-post__content img{border-radius:8px;height:auto;margin:2rem 0;max-width:100%}.blog-post__content code{background:#579af21a;border-radius:3px;font-family:Courier New,monospace;font-size:.95em;padding:.2rem .4rem}.blog-post__content pre{background:var(--background-primary);border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.blog-post__content pre code{background:none;padding:0}.blog-post__content blockquote{border-left:4px solid var(--primary-color);color:var(--text-secondary);font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.blog-post__share{border-top:2px solid var(--background-secondary);margin-top:3rem;padding-top:2rem}.blog-post__share h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.blog-post__share-buttons{display:flex;flex-wrap:wrap;gap:1rem}.share-btn{align-items:center;background:var(--background-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.share-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.share-btn--twitter:hover{background:#1da1f2;color:#fff}.share-btn--linkedin:hover{background:#0077b5;color:#fff}.share-btn--facebook:hover{background:#1877f2;color:#fff}.share-btn--copy:hover{background:var(--primary-color);color:#fff}@media (max-width:1024px){.blog-container{gap:2rem;grid-template-columns:1fr}.blog-sidebar{position:static}.blog-card{grid-template-columns:1fr}.blog-card__image{height:250px}.blog-card__content{padding:1.5rem}.blog-post__article{padding:2rem}}@media (max-width:768px){.blog-container,.blog-post-container{padding:1rem}.blog-post__title,.blog-title{font-size:2rem}.blog-post__article{padding:1.5rem}}
/*# sourceMappingURL=main.0ad1c05e.css.map*/