::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:linear-gradient(#ff4101,#fb7406);border-radius:10px}*{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{margin:0;background-color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;height:100%}#root{height:100%}.main-container{height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;perspective:1000px;backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:transform}.experience-container{position:fixed;top:0;left:0;width:100%;height:100vh;transform:translateZ(0)}.content-wrapper{position:relative;width:100%;transform:translateZ(0)}section{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;transform:translateZ(0);will-change:transform,opacity;contain:content;opacity:1;transition:opacity .3s ease-in-out}#projects{min-height:100vh;width:100%;display:block!important;padding:80px 0;overflow:visible;contain:none}#projects>div{height:100%;width:100%}.loading-fallback{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}@media (hover: none){*{cursor:auto}body{-webkit-tap-highlight-color:transparent}}.home-section{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#000,#000,#000);color:#fff;text-align:center;position:relative}.content-container{max-width:800px;margin:auto;padding:0 20px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-description{font-size:1.25rem;margin-bottom:2rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center}.scroll-indicator a{text-decoration:none;color:#fff;display:flex;align-items:center;flex-direction:column}.scroll-text{font-size:1rem;margin-bottom:.5rem}.arrow{width:1rem;height:1rem;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(45deg);animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(10px) rotate(45deg)}60%{transform:translateY(5px) rotate(45deg)}}.three-d-background{width:100%;height:100%;display:block;margin:0 auto;transform:translateY(-50px)}.background-image{position:absolute;width:40%;height:auto;text-align:center;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:contain;opacity:.6;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));-webkit-mask-size:100% 100%;mask-image:linear-gradient(to bottom,#000,#0000);mask-size:100% 100%}.button-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:155px;left:50%;transform:translate(-50%);width:100%;z-index:10}.button-85{padding:.6em 2em;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:30px;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px;transition:transform .3s ease,background .3s ease}.button-85:hover{transform:scale(1.1);background-color:orange;color:#fff}.button-85:before{content:"";background:linear-gradient(45deg,red,#fb9507,red,#fb7107,red,#fb8107,#feca20,#fb7107,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);-webkit-filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;border-radius:30px}@keyframes glowing-button-85{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.button-85:after{content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:30px;z-index:-1}.arrow-icon{font-size:18px;color:#fff;transition:transform .3s ease}.button-85:hover .arrow-icon{transform:translate(10px)}.navbar{position:sticky;top:0;left:0;width:100%;background:#000;color:#fff;padding:15px 60px;z-index:1000;opacity:0;transform:translateY(-20px);font-family:SFPRODISPLAYREGULAR,Arial,sans-serif;font-size:16px}.navbar-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%;position:relative}.nav-links{list-style:none;display:flex;gap:35px;margin:15px 0;padding:0;font-size:16px}.nav-links li{text-transform:uppercase}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:transform .3s ease,box-shadow .3s ease,color .3s ease;font-family:navbarfont,sans-serif;display:inline-block}.nav-links a:hover{color:#fff;transform:translateY(-6px);text-shadow:2px 2px 5px whitesmoke}.nav-links a:active{color:#f8a145}.welcome-message{color:#fff;white-space:nowrap;display:flex;align-items:center;font-size:22px;position:fixed;right:60px;top:22px;z-index:1002}.welcome-cursive{font-family:CustomFont,cursive;margin-right:10px;font-size:23px}.welcome-bold{font-family:customboldfont,sans-serif;margin-top:-23px}.menu-toggle{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:10px;z-index:1001}@media screen and (max-width: 1024px){.navbar{padding:15px 30px}.welcome-message{font-size:20px;right:30px;top:22px}.welcome-bold{margin-top:-20px}}@media screen and (max-width: 768px){.menu-toggle{display:block}.navbar{padding:15px 20px}.nav-links{position:fixed;top:0;left:-100%;width:100%;height:100vh;flex-direction:column;background:transparent;padding:0;margin:0;gap:20px;visibility:hidden;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.nav-links.active{left:0;background:#323232cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);visibility:visible}.nav-links li{text-align:center}.welcome-message{font-size:18px;right:60px;top:22px}.welcome-cursive{font-size:20px}.welcome-bold{margin-top:-20px}}@media screen and (max-width: 480px){.welcome-message{font-size:16px;right:50px;top:22px}.welcome-cursive{font-size:16px}.welcome-bold{margin-top:-4px}}@keyframes fade-in-smoke{0%{opacity:0;transform:translateY(-20px);filter:blur(10px)}50%{opacity:.5;filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.fade-in{animation:fade-in-smoke .9s ease-out forwards}@font-face{font-family:MyCustomFont;src:url(/fonts/SFPRODISPLAYREGULAR.otf) format("opentype")}@font-face{font-family:CustomFont;src:url(/fonts/cursivee.ttf) format("truetype")}@font-face{font-family:customboldfont;src:url(/fonts/bold.ttf) format("truetype")}@font-face{font-family:navbarfont;src:url(./fonts/home.ttf) format("truetype")}