:root{--bg-primary: #191819;--bg-secondary: #211f21;--bg-card: rgba(44, 42, 44, .45);--bg-card-hover: rgba(58, 55, 58, .6);--border-color: rgba(252, 252, 250, .08);--border-hover: rgba(252, 252, 250, .18);--color-foreground: #fcfcfa;--color-muted: #939293;--color-accent-pink: #ff6188;--color-accent-orange: #fc9867;--color-accent-yellow: #ffd866;--color-accent-green: #a9dc76;--color-accent-blue: #78dce8;--color-accent-purple: #ab9df2;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-heading: "Outfit", var(--font-sans);--font-mono: "Fira Code", monospace;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--color-foreground);line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-glow{position:absolute;width:40vw;height:40vw;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(140px);opacity:.12;will-change:transform}.blob-1{background:var(--color-accent-pink);top:10vh;right:-5vw;animation:float-slow 20s infinite alternate}.blob-2{background:var(--color-accent-purple);top:90vh;left:-10vw;animation:float-slow 25s infinite alternate-reverse}.blob-3{background:var(--color-accent-blue);bottom:10vh;right:10vw;animation:float-slow 18s infinite alternate}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(8%,10%) scale(1.15)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}section{padding:100px 24px;max-width:1100px;margin:0 auto}.section-title{font-family:var(--font-heading),sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:50px;position:relative;display:inline-block;letter-spacing:-.02em}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:4px;background:linear-gradient(90deg,var(--color-accent-pink),var(--color-accent-orange));border-radius:2px}.text-gradient{background:linear-gradient(135deg,var(--color-accent-pink),var(--color-accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary,.btn-secondary,.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-family:var(--font-sans);font-weight:600;font-size:.95rem;border-radius:8px;text-decoration:none;cursor:pointer;transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--color-accent-pink),var(--color-accent-orange));color:var(--bg-primary);border:none;box-shadow:0 4px 20px #ff618840}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff618866}.btn-secondary{background:transparent;color:var(--color-foreground);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--color-foreground);background:#fcfcfa0d}.btn-cta{padding:8px 20px;font-size:.85rem;background:#ff61881a;color:var(--color-accent-pink);border:1px solid rgba(255,97,136,.2)}.btn-cta:hover{background:#ff618826;border-color:var(--color-accent-pink);transform:translateY(-1px)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:var(--transition-smooth)}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 30px #0003}.glass-nav{position:fixed;top:0;left:0;width:100%;z-index:100;background:#191819b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:var(--transition-smooth)}.header-container{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.logo-link{display:inline-flex;align-items:center;text-decoration:none}.logo-svg{height:24px;width:auto;display:block;transition:var(--transition-fast)}.logo-link:hover .logo-svg{transform:scale(1.06)}.footer-brand .logo-svg{height:28px;margin:0 auto 12px}.desktop-menu{display:flex;align-items:center;gap:32px}.nav-link{color:var(--color-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition-fast)}.nav-link:hover{color:var(--color-foreground)}.header-controls{display:flex;align-items:center;gap:16px}.btn-icon{background:transparent;border:none;color:var(--color-foreground);cursor:pointer;font-size:1.1rem;padding:8px;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-icon:hover{color:var(--color-accent-pink)}#mobile-menu-toggle{display:none}#lang-toggle{font-family:var(--font-mono);font-size:.8rem;font-weight:700;display:flex;gap:4px;padding:6px 12px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-card)}#lang-toggle:hover{border-color:var(--color-accent-pink)}.lang-text{color:var(--color-muted);transition:var(--transition-fast)}.lang-text.active{color:var(--color-accent-pink)}.lang-divider{color:var(--border-color)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-primary);z-index:99;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.mobile-nav-overlay.open{transform:translateY(0)}.mobile-menu{display:flex;flex-direction:column;align-items:center;gap:32px}.mobile-nav-link{font-family:var(--font-heading),sans-serif;font-size:1.8rem;font-weight:700;color:var(--color-muted);text-decoration:none;transition:var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link:active{color:var(--color-foreground);transform:scale(1.05)}.mobile-btn-cta{margin-top:16px;font-size:1.2rem;padding:12px 36px;background:#ff61881a;color:var(--color-accent-pink);border:1px solid rgba(255,97,136,.3);border-radius:8px}.hero-section{height:100vh;min-height:700px;display:flex;flex-direction:column;justify-content:center;position:relative;max-width:1100px;margin:0 auto;padding:0 24px}.hero-tagline{font-family:var(--font-mono);color:var(--color-accent-pink);font-size:1.05rem;font-weight:600;margin-bottom:16px;display:block}.hero-title{font-family:var(--font-heading),sans-serif;font-size:5rem;font-weight:850;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px;background:linear-gradient(to right,var(--color-foreground),var(--color-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.typewriter-container{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;margin-bottom:24px;display:flex;align-items:center;color:var(--color-accent-blue)}.typewriter-prefix,.typewriter-suffix{color:var(--color-muted);opacity:.6}.typewriter-text{color:var(--color-accent-yellow);border-right:3px solid var(--color-accent-pink);padding-right:4px;animation:blink .75s step-end infinite;white-space:nowrap}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--color-accent-pink)}}.hero-subtitle{font-size:1.25rem;color:var(--color-muted);max-width:600px;margin-bottom:40px}.hero-actions{display:flex;gap:16px;margin-bottom:60px}.hero-socials{display:flex;gap:24px}.social-link{font-size:1.4rem;color:var(--color-muted);transition:var(--transition-fast)}.social-link:hover{color:var(--color-accent-pink);transform:translateY(-3px)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;justify-content:center}.mouse-icon{width:26px;height:42px;border:2px solid var(--color-muted);border-radius:15px;display:block;position:relative;opacity:.6}.scroll-wheel{width:4px;height:8px;background:var(--color-accent-pink);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:mouse-scroll 1.6s infinite}@keyframes mouse-scroll{0%{top:8px;opacity:1}to{top:22px;opacity:0}}.about-grid{display:grid;grid-template-columns:1.1fr 1.9fr;gap:60px;align-items:center}.about-image-wrapper{display:flex;justify-content:center}.about-image-card{position:relative;width:280px;height:280px}.about-image-card img{width:100%;height:100%;object-fit:cover;border-radius:20px;border:1px solid var(--border-color);z-index:2;position:relative;transition:var(--transition-smooth);filter:grayscale(10%) contrast(105%)}.about-image-card:hover img{transform:translateY(-6px);filter:grayscale(0%) contrast(100%);box-shadow:0 20px 40px #0000004d}.about-image-border{position:absolute;top:20px;left:20px;width:100%;height:100%;border:2px solid var(--color-accent-purple);border-radius:20px;z-index:1;transition:var(--transition-smooth)}.about-image-card:hover .about-image-border{transform:translate(6px,6px);border-color:var(--color-accent-pink)}.about-text h3{font-family:var(--font-heading),sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:20px;color:var(--color-accent-orange)}.about-text p{color:var(--color-muted);font-size:1.05rem;margin-bottom:30px;white-space:pre-line}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-card{background:var(--bg-card);border:1px solid var(--border-color);padding:20px;border-radius:12px;transition:var(--transition-fast)}.detail-card:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.detail-card i{font-size:1.8rem;margin-bottom:12px;display:block}.detail-card h4{font-family:var(--font-heading),sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:8px}.detail-card p{font-size:.85rem;color:var(--color-muted);margin-bottom:0}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;top:0;left:32px;width:2px;height:100%;background:linear-gradient(to bottom,var(--color-accent-pink),var(--color-accent-purple),transparent)}.timeline-item{position:relative;padding-left:80px;margin-bottom:60px}.timeline-item:last-child{margin-bottom:0}.timeline-icon-container{position:absolute;top:0;left:12px;width:42px;height:42px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--color-accent-pink);display:flex;align-items:center;justify-content:center;z-index:2;color:var(--color-accent-pink);font-size:1.1rem;transition:var(--transition-fast)}.timeline-item:nth-child(2n) .timeline-icon-container{border-color:var(--color-accent-purple);color:var(--color-accent-purple)}.timeline-item:hover .timeline-icon-container{transform:scale(1.15);box-shadow:0 0 15px #ff618866}.timeline-content{padding:24px}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:8px}.timeline-company{font-family:var(--font-heading),sans-serif;font-size:1.35rem;font-weight:700;color:var(--color-foreground)}.timeline-title{font-size:1.05rem;font-weight:600;color:var(--color-accent-yellow)}.timeline-years{font-family:var(--font-mono);font-size:.85rem;color:var(--color-muted);background:#fcfcfa0a;padding:4px 10px;border-radius:20px;border:1px solid var(--border-color)}.timeline-desc{font-size:.92rem;color:var(--color-muted);margin-bottom:4px}.timeline-tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tech-pill{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--color-accent-blue);background:#78dce814;padding:4px 10px;border-radius:4px;border:1px solid rgba(120,220,232,.15)}.timeline-item:nth-child(2n) .tech-pill{color:var(--color-accent-green);background:#a9dc7614;border-color:#a9dc7626}.section-header-centered{text-align:center;max-width:600px;margin:0 auto 60px}.section-subtitle{color:var(--color-muted);font-size:1.1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 16px;text-align:center;border-radius:12px;min-height:150px}.skill-icon{font-size:2.5rem;margin-bottom:12px;transition:var(--transition-fast)}.skill-card:hover .skill-icon{transform:translateY(-4px) scale(1.1)}.skill-name{font-family:var(--font-heading),sans-serif;font-size:.95rem;font-weight:600;color:var(--color-foreground)}.skill-progress{display:flex;gap:5px;width:100%;margin-top:14px}.skill-progress-step{flex:1;height:6px;border-radius:3px;background:#fcfcfa2e}.skill-progress-step.filled{background:var(--color-accent-green)}.skill-progress-step.filled:nth-child(2){background:#a9dc76a6}.skill-progress-step.filled:nth-child(3){background:#a9dc7666}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.project-card{overflow:hidden;display:flex;flex-direction:column;height:100%}.project-image-container{height:200px;position:relative;overflow:hidden;border-bottom:1px solid var(--border-color)}.project-image-container img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.project-card:hover .project-image-container img{transform:scale(1.08)}.project-img-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.project-card:hover .project-img-hover{opacity:1}.project-card:hover .project-img-main{opacity:0}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#211f21d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover .project-overlay{opacity:1}.project-overlay-link{width:44px;height:44px;border-radius:50%;background:var(--color-accent-pink);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;text-decoration:none;transform:scale(.8);transition:var(--transition-smooth)}.project-card:hover .project-overlay-link{transform:scale(1)}.project-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.project-date{font-family:var(--font-mono);font-size:.8rem;color:var(--color-accent-pink);margin-bottom:8px}.project-title{font-family:var(--font-heading),sans-serif;font-size:1.35rem;font-weight:700;margin-bottom:12px}.project-desc{font-size:.9rem;color:var(--color-muted);margin-bottom:20px;flex-grow:1}.project-tech{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.project-tech i{font-size:1.3rem;color:var(--color-muted);transition:var(--transition-fast)}.project-card:hover .project-tech i{color:var(--color-foreground)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.contact-info .section-title{margin-bottom:24px}.contact-intro{color:var(--color-muted);font-size:1.1rem;margin-bottom:40px}.contact-details-list{display:flex;flex-direction:column;gap:24px}.contact-detail-item{display:flex;gap:16px;align-items:center}.contact-icon-wrapper{width:48px;height:48px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--color-accent-pink);font-size:1.2rem}.detail-label{display:block;font-size:.75rem;font-family:var(--font-mono);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.detail-value{color:var(--color-foreground);font-weight:600;text-decoration:none;font-size:1rem;transition:var(--transition-fast)}a.detail-value:hover{color:var(--color-accent-pink)}.contact-form{padding:32px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-foreground)}.form-group input,.form-group textarea{background:#19181966;border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:var(--color-foreground);font-family:var(--font-sans);font-size:.95rem;transition:var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-pink);background:#19181999;box-shadow:0 0 10px #ff618826}.form-submit{margin-top:10px}.w-full{width:100%;justify-content:center}footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 24px}.footer-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.footer-brand p{color:var(--color-muted);font-size:.9rem}.footer-socials{display:flex;gap:20px}.footer-bottom{border-top:1px solid rgba(252,252,250,.05);padding-top:30px;width:100%;font-size:.8rem;color:var(--color-muted)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.active{opacity:1;transform:translateY(0)}@media (max-width: 900px){section{padding:70px 24px}.hero-title{font-size:3.5rem}.typewriter-container{font-size:1.6rem}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.desktop-menu{display:none}#mobile-menu-toggle{display:inline-flex;z-index:101}}@media (max-width: 600px){.hero-title{font-size:2.8rem}.typewriter-container{font-size:1.15rem}.about-details{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item{padding-left:50px}.timeline-icon-container{left:0}.timeline-header{flex-direction:column;align-items:flex-start}.timeline-years{margin-top:4px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.contact-form{padding:24px 16px}}