:root{--background-dark: #121212;--background-light: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-yellow: #ffd700;--font-heading: "Poppins", sans-serif;--font-body: "Open Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--background-dark);color:var(--text-primary);line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 2rem}h1,h2,h3{font-family:var(--font-heading);font-weight:700;color:#fff}h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;text-transform:uppercase;letter-spacing:2px;position:relative}h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--accent-yellow);border-radius:2px}section{padding:6rem 0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;background-color:#12121200;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:1000;display:flex;justify-content:space-between;align-items:center;transition:background-color .4s ease,backdrop-filter .4s ease,box-shadow .4s ease;animation:slideDown .6s ease-out}.header.scrolled{background-color:#121212d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.header__logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.header__logo span{color:var(--accent-yellow)}.header__nav a{color:var(--text-primary);text-decoration:none;margin-left:1.5rem;font-weight:600;transition:color .3s ease}.header__nav a:hover{color:var(--accent-yellow)}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.15),transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(255,215,0,.1),transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(255,215,0,.08),transparent 50%);animation:gradientShift 10s ease infinite;z-index:0}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(2deg)}}#code-rain-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;opacity:.6}#particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2}.binary-stream{position:absolute;font-family:Courier New,monospace;font-size:.7rem;color:#ffd70026;line-height:1.2;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:fadeInOut 4s ease-in-out infinite;overflow:hidden;max-width:100px}.binary-stream.top-left{top:80px;left:20px}.binary-stream.top-right{top:80px;right:20px;text-align:right}.binary-stream.bottom-left{bottom:100px;left:20px}.binary-stream.bottom-right{bottom:100px;right:20px;text-align:right}@keyframes fadeInOut{0%,to{opacity:.15}50%{opacity:.4}}.hero h1{font-size:4rem;margin-bottom:.5rem;text-shadow:0 0 30px rgba(255,215,0,.3),0 0 60px rgba(255,215,0,.2)}.hero h1 span{color:var(--accent-yellow);display:inline-block;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,215,0,.3),0 0 20px rgba(255,215,0,.2)}to{text-shadow:0 0 20px rgba(255,215,0,.5),0 0 30px rgba(255,215,0,.3)}}.hero p{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2rem;font-family:var(--font-heading);min-height:2.5rem}.typing-cursor{display:inline-block;width:3px;height:1.3em;background-color:var(--accent-yellow);margin-left:5px;animation:blink .7s infinite;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-hero{opacity:0;animation:fadeInUp .8s ease-out forwards}.hero h1.animate-hero{animation-delay:.2s}.hero p.animate-hero{animation-delay:.4s}.hero .hero__socials.animate-hero{animation-delay:.6s}.hero__socials{display:flex;gap:1rem;justify-content:center}.hero__socials a{color:var(--text-primary);font-size:2rem;margin:0 1rem;transition:color .3s ease,transform .3s ease;position:relative}.hero__socials a:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:var(--accent-yellow);opacity:0;transform:scale(0);transition:transform .4s ease,opacity .4s ease;z-index:-1}.hero__socials a:hover:before{transform:scale(1);opacity:.1}.hero__socials a:hover{color:var(--accent-yellow);transform:translateY(-5px) scale(1.1) rotate(5deg)}.scroll-indicator{position:absolute;bottom:30px;right:30px;z-index:2;text-decoration:none;animation:fadeInUp 1s ease-out 1.2s forwards;opacity:0}.mouse{width:26px;height:40px;border:2px solid var(--accent-yellow);border-radius:15px;position:relative;margin:0 auto 10px}.wheel{width:4px;height:8px;background:var(--accent-yellow);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}.arrow{display:flex;flex-direction:column;align-items:center;gap:2px}.arrow span{display:block;width:12px;height:12px;border-bottom:2px solid var(--accent-yellow);border-right:2px solid var(--accent-yellow);transform:rotate(45deg);animation:arrowBounce 2s infinite}.arrow span:nth-child(2){animation-delay:.2s}@keyframes arrowBounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0);opacity:0}40%{transform:rotate(45deg) translateY(-5px);opacity:1}60%{transform:rotate(45deg) translateY(-2px);opacity:1}}#about p{max-width:800px;margin:0 auto;text-align:center;font-size:1.1rem;color:var(--text-secondary)}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:var(--background-light);top:0;bottom:0;left:50%;margin-left:-3px}.timeline__item{padding:10px 40px;position:relative;background-color:inherit;width:50%}.timeline__item.left{left:0}.timeline__item.right{left:50%}.timeline__item:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:var(--background-dark);border:4px solid var(--accent-yellow);top:15px;border-radius:50%;z-index:1}.timeline__item.right:after{left:-16px}.timeline__content{padding:20px 30px;background-color:var(--background-light);position:relative;border-radius:6px;border-left:5px solid var(--accent-yellow);transition:transform .3s ease}.timeline__content:hover{transform:translateY(-5px)}.timeline__content h3{color:var(--accent-yellow);font-size:1.2rem}.timeline__content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.timeline__content p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.timeline__content ul{list-style-type:none;padding-left:0}.timeline__content li{padding-left:1.2rem;position:relative;font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.timeline__content li:before{content:"▶";color:var(--accent-yellow);position:absolute;left:0;font-size:.8rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category h3{color:var(--accent-yellow);margin-bottom:1rem;border-bottom:2px solid var(--background-light);padding-bottom:.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem}.skill-pill{background-color:var(--background-light);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;transition:background-color .3s,color .3s,transform .3s}.skill-pill:hover{background-color:var(--accent-yellow);color:var(--background-dark);font-weight:600;transform:scale(1.05)}.project-card{background-color:var(--background-light);padding:2rem;border-radius:8px;border-left:5px solid var(--accent-yellow);max-width:700px;margin:0 auto;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 20px #0003}.project-card h3{color:var(--accent-yellow);margin-bottom:.5rem}.project-card a{color:var(--accent-yellow);text-decoration:none;font-weight:600;display:inline-block;transition:transform .3s}.project-card a:hover{text-decoration:underline;transform:translate(3px)}.project-card p{margin-top:1rem;color:var(--text-secondary)}#contact .container{text-align:center}#contact p{margin-bottom:2rem;font-size:1.1rem;color:var(--text-secondary)}.contact-info{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.contact-info a{color:var(--text-primary);text-decoration:none;font-size:1.1rem;transition:color .3s,transform .3s}.contact-info a:hover{color:var(--accent-yellow);transform:scale(1.05)}.contact-info i{margin-right:.5rem;color:var(--accent-yellow)}footer{text-align:center;padding:2rem 0;background-color:var(--background-light);color:var(--text-secondary)}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}#about.animate-on-scroll,#skills.animate-on-scroll,#contact.animate-on-scroll,.project-card.animate-on-scroll{transform:translateY(50px)}.timeline__item.left.animate-on-scroll{transform:translate(-100px)}.timeline__item.right.animate-on-scroll{transform:translate(100px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0) translate(0)}.skills-list .skill-pill{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}#skills.is-visible .skill-pill{opacity:1;transform:translateY(0)}#skills.is-visible .skill-pill:nth-child(1){transition-delay:.1s}#skills.is-visible .skill-pill:nth-child(2){transition-delay:.2s}#skills.is-visible .skill-pill:nth-child(3){transition-delay:.3s}#skills.is-visible .skill-pill:nth-child(4){transition-delay:.4s}#skills.is-visible .skill-pill:nth-child(5){transition-delay:.5s}#skills.is-visible .skill-pill:nth-child(6){transition-delay:.6s}#skills.is-visible .skill-pill:nth-child(7){transition-delay:.7s}#skills.is-visible .skill-pill:nth-child(8){transition-delay:.8s}@media screen and (max-width: 768px){h2{font-size:2rem}.header__nav{display:none}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}#particles-canvas{opacity:.5}#code-rain-canvas{opacity:.4}.binary-stream{display:none}.scroll-indicator{bottom:20px;right:20px;transform:scale(.8)}.timeline:after{left:31px}.timeline__item{width:100%;padding-left:70px;padding-right:25px}.timeline__item.left,.timeline__item.right{left:0%;transform:translate(-30px)}.timeline__item.right.animate-on-scroll,.timeline__item.left.animate-on-scroll{transform:translate(-30px)}.timeline__item.is-visible{transform:translate(0)}.timeline__item:after{left:15px}}