:root{--bg-color: #000000;--primary: #FFB800;--text: #FFFFFF;--text-muted: rgba(255, 255, 255, .7);--border: rgba(255, 255, 255, .1);--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:Albert Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text)}body{overflow-x:hidden}.bg-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;animation:fade-in 1.6s ease forwards}.bg-image{width:100%;height:100%;object-fit:cover;object-position:57% 31%}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .1s ease-out}.bg-overlay.blur{background:#000000d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:2;opacity:0;pointer-events:none}.floating-nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(130px);background:var(--glass-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:999px;padding:8px;z-index:100;border:1px solid var(--border);transition:transform 1s var(--spring) 1s}.floating-nav.active-nav{transform:translate(-50%) translateY(0)}.floating-nav ul{display:flex;list-style:none;gap:4px}.floating-nav .nav-link{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;color:var(--text);text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease}.floating-nav .nav-link:hover{background:#ffffff0d}.floating-nav .nav-link.active{background:var(--text);color:var(--bg-color)}.floating-nav .nav-link.active .icon{filter:invert(1)}.header-contact-btn{position:fixed;top:30px;right:30px;background:var(--primary);color:var(--bg-color);padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;z-index:100;transform:translateY(-130px);transition:transform .8s var(--spring) .4s,background .3s ease}.header-contact-btn.active-btn{transform:translateY(0)}.header-contact-btn:hover{background:#e5a600}.container{width:80%;max-width:1600px;margin:0 auto;padding:0 0 150px}h1{font-size:64px;font-weight:900;line-height:1.1;margin-bottom:8px}h2{font-size:24px;font-weight:400;color:var(--primary);margin-bottom:24px}h3.section-title{font-size:32px;font-weight:700;margin-bottom:40px;color:var(--primary)}h4{font-size:20px;font-weight:600;margin-bottom:8px}.hero-section{height:100vh;display:flex;align-items:center}.hero-content{max-width:800px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff0d;border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:600;margin-bottom:24px}.pulse{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.hero-links{font-size:16px;color:var(--text-muted)}.hero-links a{color:var(--text);text-decoration:none;transition:color .3s ease}.hero-links a:hover{color:var(--primary)}.stagger-1,.stagger-2,.stagger-3,.stagger-4{opacity:0;transform:translateY(40px);animation:slide-up .8s var(--spring) forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.observe-section{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--spring);padding:100px 0}.observe-section.is-visible{opacity:1;transform:translateY(0)}#summary{display:flex;gap:64px;align-items:flex-start}.quote-block{flex:1;border-left:2px solid var(--primary);padding-left:24px}.quote-text{font-size:36px;font-weight:700;line-height:1.2}.summary-text{flex:1;font-size:18px;line-height:1.6;color:var(--text-muted)}.summary-text p{margin-bottom:16px}.experience-layout{display:flex;gap:80px}.timeline{flex:1;border-left:1px dashed rgba(255,255,255,.5);padding-left:30px;position:relative}.timeline-item{position:relative;margin-bottom:48px}.timeline-dot{position:absolute;left:-35px;top:6px;width:9px;height:9px;background:var(--primary);border-radius:9999px}.timeline-content p{color:var(--text-muted);font-size:15px}.projects-grid{flex:2;display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4/3;display:block;text-decoration:none;color:var(--text)}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.project-card:hover .project-img{transform:scale(1.05)}.project-overlay{position:absolute;bottom:0;left:0;width:100%;padding:30px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%)}.project-overlay h4{margin-bottom:4px}.project-overlay p{color:var(--primary);font-size:14px;font-weight:600}.skills-layout{display:flex;gap:80px}.skills-list{flex:1}.skills-list ul{list-style:none;margin-bottom:40px}.skills-list li{position:relative;padding-left:20px;margin-bottom:12px;font-size:16px;color:var(--text-muted)}.skills-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--primary);border-radius:50%}.tools-grid{display:flex;flex-wrap:wrap;gap:12px}.tool-tag{padding:8px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:600}.languages{flex:1}.languages h4,.lang-bar{margin-bottom:24px}.lang-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:600}.lang-label span:last-child{color:var(--primary)}.progress-track{height:8px;background:#fff3;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:999px;width:0;transition:width 1.5s var(--spring) .5s}#links{padding-bottom:50px}.contact-layout{display:flex;gap:80px;align-items:flex-start}.contact-form-wrapper{flex:1.5}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{width:100%;padding:16px 20px;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:Albert Sans,sans-serif;font-size:15px;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);background:#ffffff1a}.contact-form textarea{resize:vertical}.submit-btn{padding:16px;background:var(--primary);color:var(--bg-color);border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;font-family:inherit;transition:background .3s ease}.submit-btn:hover{background:#e5a600}.contact-info{flex:1}.social-links-vertical{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.social-links-vertical a{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:600;font-size:18px;transition:color .3s ease}.social-links-vertical a i{font-size:24px;width:30px;text-align:center}.social-links-vertical a:hover{color:var(--primary)}.location{color:var(--text-muted);font-size:16px;padding-top:24px;border-top:1px solid var(--border)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.testimonials-track{display:flex;gap:24px;overflow-x:auto;padding-bottom:24px;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;scroll-snap-type:x mandatory}.testimonials-track::-webkit-scrollbar{height:6px}.testimonials-track::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.testimonials-track::-webkit-scrollbar-thumb{background:var(--primary);border-radius:999px}.testimonial-card{flex:0 0 calc(33.333% - 16px);min-width:320px;background:var(--glass-bg);border:1px solid var(--border);border-radius:20px;padding:32px;scroll-snap-align:start;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000080;border-color:#ffb8004d}.testimonial-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.testimonial-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.testimonial-author h4{margin-bottom:2px;font-size:18px}.testimonial-author span{display:block;font-size:14px;color:var(--text-muted);margin-bottom:4px}.stars{color:var(--primary);font-size:12px;letter-spacing:2px}.testimonial-text{font-size:16px;line-height:1.6;color:#ddd;font-style:italic}@media (min-width: 810px) and (max-width: 1199px){.container{width:80%}h1{font-size:48px}.experience-layout,.skills-layout{flex-direction:column;gap:40px}}@media (max-width: 809px){.container{width:100%;padding:0 20px 100px}h1{font-size:40px}#summary{flex-direction:column;gap:32px}.quote-block{border-left:none;border-top:2px solid var(--primary);padding-left:0;padding-top:16px}.experience-layout,.skills-layout{flex-direction:column;gap:40px}.projects-grid{grid-template-columns:1fr}.floating-nav .label{display:none}.floating-nav .nav-link{padding:12px;border-radius:50%}.header-contact-btn{top:20px;right:20px;padding:10px 20px;font-size:12px}.contact-layout{flex-direction:column;gap:40px}.contact-form-wrapper,.contact-info{width:100%}}