:root{--kiwi: #D5B770;--orbit-accent: #DEE2E6;--dark-bg: #121212;--darker-bg: #0A0A0A;--gray-800: #1F2937;--gray-700: #374151;--gray-500: #6B7280;--gray-300: #D1D5DB;--gradient-primary: linear-gradient(to right, #BB8E4B, #DDC379, #F6EB9C)}body{background-color:var(--dark-bg);color:#fff;overflow-x:hidden;font-family:Poppins,sans-serif}body.modal-open,body.mobile-menu-open{overflow-y:hidden}*:focus-visible{outline:2px solid var(--kiwi);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:var(--kiwi);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--orbit-accent)}.aurora-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:var(--dark-bg);overflow:hidden}.aurora-dot{position:absolute;height:100vh;width:100vw;border-radius:50%;opacity:.4;filter:blur(100px);background:radial-gradient(circle at center,var(--kiwi) 0%,rgba(213,183,112,0) 70%);animation:aurora-animation 20s ease-in-out infinite alternate}.aurora-dot:nth-child(1){top:-50vh;left:-50vw}.aurora-dot:nth-child(2){bottom:-50vh;right:-50vw;animation-delay:5s;background:radial-gradient(circle at center,var(--orbit-accent) 0%,rgba(222,226,230,0) 70%)}.aurora-dot:nth-child(3){bottom:-50vh;left:-25vw;animation-delay:10s}.aurora-dot:nth-child(4){top:-50vh;right:-25vw;animation-delay:15s;background:radial-gradient(circle at center,var(--orbit-accent) 0%,rgba(222,226,230,0) 70%)}@keyframes aurora-animation{0%{transform:scale(.8) translate(0)}to{transform:scale(1.2) translate(10vw,10vh)}}.navbar-transparent{background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:none!important;box-shadow:none!important}.navbar-transparent .nav-links{opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .5s ease}.navbar-scrolled{background-color:#0a0a0acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(213,183,112,.2)}.navbar-scrolled .nav-links{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 768px){.navbar-transparent{background-color:#0a0a0acc}}.nav-link{position:relative;color:#fff;font-weight:500;transition:color .3s ease;padding:.5rem 0}.nav-link:hover{color:var(--kiwi)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--kiwi);transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.mobile-menu-overlay.open{opacity:1;visibility:visible;transition:opacity .4s ease,visibility 0s}.mobile-nav-link{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.mobile-menu-overlay.open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-menu-overlay.open .mobile-nav-link:nth-child(1){transition-delay:.1s}.mobile-menu-overlay.open .mobile-nav-link:nth-child(2){transition-delay:.15s}.mobile-menu-overlay.open .mobile-nav-link:nth-child(3){transition-delay:.2s}.mobile-menu-overlay.open .mobile-nav-link:nth-child(4){transition-delay:.25s}.mobile-menu-overlay.open .mobile-nav-link:nth-child(5){transition-delay:.3s}.hamburger-icon{width:24px;height:24px;position:relative;cursor:pointer}.hamburger-icon span{display:block;position:absolute;height:3px;width:100%;background:#fff;border-radius:3px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger-icon span:nth-child(1){top:4px}.hamburger-icon span:nth-child(2){top:11px}.hamburger-icon span:nth-child(3){top:18px}.hamburger-icon.open span:nth-child(1){top:11px;transform:rotate(135deg)}.hamburger-icon.open span:nth-child(2){opacity:0;left:-24px}.hamburger-icon.open span:nth-child(3){top:11px;transform:rotate(-135deg)}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2.5rem;background-color:var(--kiwi);color:var(--darker-bg);font-weight:600;border-radius:4px;transition:all .3s ease;border:none;cursor:pointer}.primary-button:hover:not(:disabled){background-color:#eac985;transform:translateY(-2px);box-shadow:0 4px 12px #d5b7704d}.primary-button:disabled{cursor:not-allowed;opacity:.7}.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2.5rem;background-color:transparent;color:#fff;font-weight:600;border-radius:4px;transition:all .3s ease;border:2px solid var(--orbit-accent);cursor:pointer}.secondary-button:hover{background-color:var(--orbit-accent);color:var(--darker-bg);transform:translateY(-2px);box-shadow:0 4px 12px #dee2e64d}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;color:#fff;font-size:1.2rem;transition:all .3s ease}.social-icon:hover{background-color:var(--kiwi);color:var(--darker-bg);transform:translateY(-3px);box-shadow:0 5px 15px #d5b7704d}.feature-icon-container{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:8px;font-size:1.25rem}.skill-card,.web-project-card,.contact-card,.contact-form-container,.app-card{background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.web-project-card:hover,.app-card:hover{border-color:#d5b77080}.web-project-card:before,.app-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(213,183,112,.15),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.web-project-card:hover:before,.app-card:hover:before{opacity:1}.skill-card:hover,.contact-form-container:hover{border-color:var(--kiwi);transform:translateY(-5px);box-shadow:0 10px 20px #0003}.web-project-item{perspective:1000px}.web-project-item:hover .web-project-card{border-color:var(--kiwi);box-shadow:0 20px 40px #0000004d}.web-project-card{padding:0;transform-style:preserve-3d}.web-project-card .p-6{padding:1.5rem;transform:translateZ(40px)}.web-project-card .web-project-image{transform:translateZ(20px)}.skill-card{padding:2rem}.skill-header-new{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.skill-list-new{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.skill-list-new li{display:flex;align-items:center;gap:.75rem;color:var(--gray-300);font-weight:500;transition:all .3s ease}.skill-list-new li:hover{color:var(--kiwi);transform:translate(5px)}.skill-list-new li i{width:20px;text-align:center;font-size:1.1rem}.web-project-image{position:relative;overflow:hidden}.form-input{width:100%;padding:.75rem;background-color:#0003;border:1px solid var(--gray-700);border-radius:6px;color:#fff;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--kiwi);box-shadow:0 0 10px #d5b77033}.form-input.border-danger{border-color:#ef4444}.form-input::placeholder{color:var(--gray-500)}.validation-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.orbital-container{position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden;background-image:url(/assets/wall3-CKmD5SEF.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.orbital-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#121212e4;z-index:1}#starfield-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.orbital-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:80%;max-width:800px}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed rgba(213,183,112,.3);border-radius:50%;pointer-events:none;opacity:0;animation:fadeIn 5s ease-out 3s forwards;z-index:5}.orbit-1{width:500px;height:500px}.orbit-2{width:700px;height:700px}.orbit-3{width:900px;height:900px}.orbit-4{width:1100px;height:1100px}.orbital-nav-item{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#0a0a0acc;border:2px solid var(--kiwi);border-radius:50%;color:#fff;transition:all .3s ease;z-index:20;box-shadow:0 0 15px #d5b7704d;cursor:pointer;opacity:0;animation:fadeIn 5s ease-out forwards}.orbital-nav-item:hover,.orbital-nav-item:focus{background-color:var(--kiwi);color:var(--darker-bg);transform:scale(1.2);box-shadow:0 0 20px #d5b77099}.orbital-nav-item .nav-icon{font-size:1.5rem}.orbital-nav-item .nav-text{position:absolute;background-color:#0a0a0ae6;color:var(--kiwi);padding:5px 10px;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.orbital-nav-item:hover .nav-text{opacity:1}#nav-about{animation-delay:3.5s}#nav-skills{animation-delay:3.7s}#nav-web{animation-delay:3.9s}#nav-contact{animation-delay:4.1s}.hero-title,.hero-subtitle,.hero-buttons{opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out 1s forwards}.hero-subtitle{animation-delay:1.5s}.hero-buttons{animation-delay:2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.shine-effect{position:relative;overflow:hidden;display:inline-block}.shine-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 4s ease-in-out infinite 2s}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}#typing-text{border-right:2px solid var(--kiwi);animation:blink .7s step-end infinite}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--kiwi)}}.scroll-animate,.about-animate-image,.about-animate-text,.contact-animate-left,.contact-animate-right{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1)}.scroll-animate.in-view,.about-animate-image.in-view,.about-animate-text.in-view,.contact-animate-left.in-view,.contact-animate-right.in-view{opacity:1;transform:translateY(0)}.about-animate-text>*,.contact-animate-left>*,.contact-animate-right>*{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.in-view-child{opacity:1!important;transform:translateY(0)!important}.about-animate-text.in-view>*:nth-child(1){transition-delay:.2s}.about-animate-text.in-view>*:nth-child(2){transition-delay:.3s}.about-animate-text.in-view>*:nth-child(3){transition-delay:.4s}.about-animate-text.in-view>*:nth-child(4){transition-delay:.5s}.contact-animate-left.in-view>*:nth-child(1){transition-delay:.2s}.contact-animate-left.in-view>*:nth-child(2){transition-delay:.3s}.contact-animate-left.in-view>*:nth-child(3){transition-delay:.4s}.contact-animate-left.in-view>*:nth-child(4){transition-delay:.5s}.contact-animate-right.in-view>*:nth-child(1){transition-delay:.2s}.contact-animate-right.in-view>*:nth-child(2){transition-delay:.3s}[data-delay]{transition-delay:var(--delay, 0s)}.scroll-animate.in-view[data-delay="200"]{transition-delay:.2s}.scroll-animate.in-view[data-delay="400"]{transition-delay:.4s}.modal{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.modal-active{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.modal-overlay{transition:backdrop-filter .3s ease}.modal-container{transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}.modal-active .modal-container{transform:scale(1);opacity:1}.slideshow-container{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.slideshow-wrapper{display:flex;gap:1rem;width:max-content;animation:horizontal-slide var(--slide-duration, 15s) linear infinite}.slideshow-wrapper img{height:100%;width:auto;border-radius:20px;object-fit:cover}@keyframes horizontal-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.app-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:2rem 1.5rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.app-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000004d}.phone-mockup{width:280px;height:580px;border-radius:20px;background:var(--darker-bg);padding:8px;box-shadow:inset 0 0 5px #00000080}.phone-screen{width:100%;height:100%;border-radius:12px;overflow:hidden;background:#000}.phone-screen img{width:100%;height:100%;object-fit:cover}.vertical-slide-container{overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.vertical-slide-wrapper{display:flex;flex-direction:column;animation:vertical-slide 30s linear infinite}.vertical-slide-wrapper img{width:100%;height:auto}@keyframes vertical-slide{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (max-width: 768px){.orbit,.orbital-nav-item{display:none}.orbital-center{width:90%}}