@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#070913;color:#f8fafc;min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}body:before,body:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;z-index:-1;filter:blur(150px);opacity:.18;pointer-events:none}body:before{top:10%;left:-150px;background:radial-gradient(circle,#6366f1,#0000 70%)}body:after{bottom:20%;right:-150px;background:radial-gradient(circle,#06b6d4,#0000 70%)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#070913}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:5px;border:2px solid #070913}::-webkit-scrollbar-thumb:hover{background:#334155}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.container{max-width:1100px;margin:0 auto;padding:0 24px}section{padding:100px 0 60px;scroll-margin-top:80px}.reveal{opacity:0;transform:translateY(15px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal .stagger-item{opacity:0;transform:translateY(15px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal .stagger-item:hover{transition-delay:0s!important}.reveal.active .stagger-item{opacity:1;transform:translateY(0)}.reveal.active .stagger-item:nth-child(1){transition-delay:.08s}.reveal.active .stagger-item:nth-child(2){transition-delay:.16s}.reveal.active .stagger-item:nth-child(3){transition-delay:.24s}.reveal.active .stagger-item:nth-child(4){transition-delay:.32s}.reveal.active .stagger-item:nth-child(5){transition-delay:.4s}.reveal.active .stagger-item:nth-child(6){transition-delay:.48s}.reveal.active .stagger-item:nth-child(7){transition-delay:.56s}.reveal.active .stagger-item:nth-child(8){transition-delay:.64s}.reveal.active .stagger-item:nth-child(9){transition-delay:.72s}.reveal.active .stagger-item:nth-child(10){transition-delay:.8s}.reveal.active .stagger-item:nth-child(11){transition-delay:.88s}.reveal.active .stagger-item:nth-child(12){transition-delay:.96s}.reveal.active .stagger-item:nth-child(13){transition-delay:1.04s}.reveal.active .stagger-item:nth-child(14){transition-delay:1.12s}.reveal.active .stagger-item:nth-child(15){transition-delay:1.2s}.section-header{margin-bottom:48px;position:relative;text-align:left}.section-header .section-title{font-size:32px;font-weight:800;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:12px;position:relative}.section-header .section-title .section-number{font-family:monospace;font-size:24px;color:#06b6d4;font-weight:600;-webkit-text-fill-color:#06b6d4}.section-header .section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(to right,#6366f1,#06b6d4);border-radius:2px}.header{position:fixed;top:0;left:0;width:100%;z-index:50;background:#070913b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.header.scrolled{background:#070913d9;box-shadow:0 10px 30px -10px #00000080}.header .nav-container{display:flex;justify-content:space-between;align-items:center;height:80px}.header .logo{font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px}.header .logo:before{content:"</>";font-family:monospace;font-size:16px;color:#06b6d4;font-weight:700}.header .menu{display:flex;align-items:center;list-style-type:none;gap:32px}.header .menu li a{color:#94a3b8;font-size:15px;font-weight:500;padding:8px 0;position:relative}.header .menu li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,#6366f1,#06b6d4);transition:width .3s ease}.header .menu li a:hover,.header .menu li a.active{color:#f8fafc}.header .menu li a:hover:after,.header .menu li a.active:after{width:100%}.header .lang-selector{display:flex;align-items:center;gap:8px}.header .lang-selector .lang-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:6px 12px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.header .lang-selector .lang-btn img{width:18px;height:12px;border-radius:2px;object-fit:cover}.header .lang-selector .lang-btn:hover{background:#ffffff1a;color:#f8fafc;border-color:#ffffff26}.header .hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:100}.header .hamburger span{display:block;width:24px;height:2px;background:#f8fafc;margin:5px 0;transition:all .3s ease}.header .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header .hamburger.active span:nth-child(2){opacity:0}.header .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:120px;position:relative}.hero .hero-wrapper{display:flex;justify-content:center;align-items:center;text-align:center;width:100%}.hero .hero-content{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto}.hero .hero-content p{max-width:600px!important;margin-left:auto;margin-right:auto}.hero .hero-content .hero-greetings{display:inline-flex;align-items:center;gap:8px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);padding:6px 16px;border-radius:30px;font-size:14px;font-weight:600;color:#a5b4fc;margin-bottom:24px;opacity:0;animation:fade-slide-up .8s cubic-bezier(.16,1,.3,1) .1s forwards}.hero .hero-content .hero-greetings .wave-emoji{animation:wave-hand 2.5s infinite;transform-origin:70% 70%;display:inline-block}.hero .hero-content h1{font-size:64px;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px;opacity:0;animation:fade-slide-up .8s cubic-bezier(.16,1,.3,1) .2s forwards}.hero .hero-content h1 .name-gradient{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .hero-content h2{font-size:24px;font-weight:600;color:#94a3b8;margin-bottom:24px;transition:opacity .4s ease,transform .4s ease;min-height:36px;opacity:0;animation:fade-slide-up .8s cubic-bezier(.16,1,.3,1) .3s forwards}.hero .hero-content p{font-size:18px;color:#94a3b8;max-width:540px;margin-bottom:40px;opacity:0;animation:fade-slide-up .8s cubic-bezier(.16,1,.3,1) .4s forwards}.hero .hero-content .hero-actions{display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:fade-slide-up .8s cubic-bezier(.16,1,.3,1) .5s forwards}.hero .hero-content .hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);gap:8px}.hero .hero-content .hero-actions .btn.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 20px #6366f14d}.hero .hero-content .hero-actions .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f173}.hero .hero-content .hero-actions .btn.btn-secondary{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#f8fafc}.hero .hero-content .hero-actions .btn.btn-secondary:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-2px)}.about .about-grid{display:grid;grid-template-columns:1fr;gap:32px}.about .about-card{background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);padding:40px}.about .about-card p{color:#94a3b8;font-size:16px;line-height:1.8;margin-bottom:20px}.about .about-card p:last-child{margin-bottom:0}.about .about-card p a.text-accent{color:#06b6d4;font-weight:600;border-bottom:1px dashed rgba(6,182,212,.4)}.about .about-card p a.text-accent:hover{color:#22d3ee;border-bottom-style:solid}.about .about-card p .about-ai-note{margin-top:32px;padding:20px 24px;background:linear-gradient(135deg,#6366f10d,#06b6d405);border:1px solid rgba(99,102,241,.1);border-left:4px solid #6366f1;border-radius:8px 16px 16px 8px;display:flex;gap:16px;align-items:flex-start;text-align:left;box-shadow:0 4px 20px #00000026}.about .about-card p .about-ai-note .ai-note-text{font-size:14px!important;line-height:1.6;color:#94a3b8;margin:0!important}.about .about-card p .about-ai-note .ai-note-text strong{color:#f8fafc}.skills .skills-filters{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.skills .skills-filters .filter-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:8px 20px;font-size:14px;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.skills .skills-filters .filter-btn:hover{background:#ffffff14;color:#f8fafc;border-color:#ffffff26;box-shadow:0 4px 12px #ffffff05}.skills .skills-filters .filter-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:transparent;box-shadow:0 4px 15px #6366f14d}.skills.active-reveal .skill-card .skill-progress-bar:after{width:var(--level)}.skills.stagger-done .stagger-item{transition-delay:0s!important}.skills .skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.skills .skill-card{background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);padding:24px;display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;overflow:hidden}.skills .skill-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#6366f1,#06b6d4);opacity:0;transition:opacity .3s ease}.skills .skill-card:hover{transform:translateY(-5px);background:#1e293b99;border-color:#6366f14d;box-shadow:0 10px 30px -15px #6366f126}.skills .skill-card:hover:before{opacity:1}.skills .skill-card:hover .skill-progress-bar:after{filter:brightness(1.2)}.skills .skill-card .skill-info{margin-bottom:16px}.skills .skill-card .skill-info .skill-icon{width:36px;height:36px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#06b6d4}.skills .skill-card .skill-info h3{font-size:16px;font-weight:600;color:#f8fafc}.skills .skill-card .skill-progress .skill-percentage{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#94a3b8;margin-bottom:6px}.skills .skill-card .skill-progress .skill-progress-bar{height:6px;background:#ffffff0d;border-radius:3px;width:100%;position:relative;overflow:hidden}.skills .skill-card .skill-progress .skill-progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;border-radius:3px;background:linear-gradient(to right,#6366f1,#06b6d4);transition:width 1.5s cubic-bezier(.4,0,.2,1)}.timeline-section .timeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.timeline-section .timeline-column .column-title{font-size:20px;font-weight:700;color:#f8fafc;margin-bottom:32px;display:flex;align-items:center;gap:12px}.timeline-section .timeline-column .column-title svg{color:#6366f1}.timeline-section .timeline{position:relative;border-left:2px solid rgba(255,255,255,.05);padding-left:28px;margin-left:8px;display:flex;flex-direction:column;gap:32px}.timeline-section .timeline-item{position:relative}.timeline-section .timeline-item:before{content:"";position:absolute;top:6px;left:-35px;width:12px;height:12px;border-radius:50%;background:#070913;border:3px solid #6366f1;transition:all .3s ease;z-index:2}.timeline-section .timeline-item:hover:before{background:#06b6d4;border-color:#06b6d4;box-shadow:0 0 10px #06b6d4;transform:scale(1.2)}.timeline-section .timeline-item:hover .timeline-card{background:#1e293b99;border-color:#6366f14d;transform:translate(4px)}.timeline-section .timeline-item .timeline-card{background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);padding:24px}.timeline-section .timeline-item .timeline-card .item-date{font-size:13px;font-weight:600;color:#06b6d4;margin-bottom:8px}.timeline-section .timeline-item .timeline-card h3{font-size:18px;font-weight:700;color:#f8fafc;margin-bottom:4px}.timeline-section .timeline-item .timeline-card h3 a.text-accent{color:#6366f1}.timeline-section .timeline-item .timeline-card h3 a.text-accent:hover{color:#06b6d4}.timeline-section .timeline-item .timeline-card .item-sub{font-size:14px;color:#64748b;font-weight:500;margin-bottom:12px}.timeline-section .timeline-item .timeline-card .item-list{list-style:none;display:flex;flex-direction:column;gap:8px}.timeline-section .timeline-item .timeline-card .item-list li{font-size:14px;color:#94a3b8;position:relative;padding-left:18px}.timeline-section .timeline-item .timeline-card .item-list li:before{content:"→";position:absolute;left:0;color:#06b6d4}.footer{padding:80px 0 40px;border-top:1px solid rgba(255,255,255,.05);background:#05070ecc;position:relative}.footer .footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}.footer .contact-wrapper{width:100%;max-width:480px}.footer .contact-wrapper .email-reveal-container{position:relative;display:flex;justify-content:center}.footer .contact-wrapper .btn-email{width:100%;padding:16px 24px;background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:12px;font-size:16px;font-weight:600;color:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 20px #0003}.footer .contact-wrapper .btn-email svg{color:#06b6d4;transition:transform .3s ease}.footer .contact-wrapper .btn-email:hover{background:#1e293b99;border-color:#6366f1;transform:translateY(-2px)}.footer .contact-wrapper .btn-email:hover svg{transform:scale(1.1) rotate(5deg)}.footer .contact-wrapper .btn-email.revealed{border-color:#06b6d4;cursor:pointer}.footer .contact-wrapper .btn-email.revealed:active{transform:scale(.98)}.footer .social-links{display:flex;justify-content:center;gap:16px}.footer .social-links .social-btn{width:48px;height:48px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer .social-links .social-btn img{width:20px;height:20px;opacity:.65;transition:opacity .3s ease}.footer .social-links .social-btn img.invert{filter:invert(1)}.footer .social-links .social-btn:hover{background:#6366f11a;border-color:#6366f1;color:#f8fafc;transform:translateY(-4px);box-shadow:0 10px 20px -10px #6366f180}.footer .social-links .social-btn:hover img{opacity:1}.footer .copyright{font-size:14px;color:#64748b}.toast{position:fixed;bottom:24px;right:24px;background:#0f172a;border:1px solid #06b6d4;border-left:4px solid #06b6d4;color:#f8fafc;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 10px 30px #0006;z-index:100;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.toast.show{transform:translateY(0);opacity:1}@keyframes wave-hand{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes morph-frame{0%{border-radius:30px 50px 30px 40px}to{border-radius:50px 30px 60px}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width: 968px){.hero{padding-top:100px}.hero .hero-wrapper{grid-template-columns:1fr;text-align:center;gap:32px}.hero .hero-content{order:2;display:flex;flex-direction:column;align-items:center}.hero .hero-content p{margin:0 auto 32px}.hero .hero-media{order:1}.hero h1{font-size:48px}.timeline-section .timeline-grid{grid-template-columns:1fr;gap:48px}}@media only screen and (max-width: 768px){section{padding:80px 0 40px}.header .hamburger{display:block}.header .menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#090c15;border-left:1px solid rgba(255,255,255,.05);flex-direction:column;justify-content:center;gap:32px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000080}.header .menu.active{right:0}}@media only screen and (max-width: 480px){h1{font-size:38px}.hero .hero-content .hero-actions{flex-direction:column;width:100%}.hero .hero-content .hero-actions .btn{width:100%}.about-card{padding:24px}}