:root{--color-space-black: #050508;--color-space-deep: #0B0B14;--color-star-white: #ffffff;--color-sun-glow: #FDB813;--color-planet-projects: #FF6B6B;--color-planet-skills: #4ECDC4;--color-planet-about: #FFE66D;--color-planet-exp: #1A535C;--color-planet-contact: #F7FFF7;--color-orbit: rgba(255, 255, 255, .1);--color-orbit-active: rgba(255, 255, 255, .4);--color-text-main: #FFFFFF;--color-text-muted: rgba(255, 255, 255, .6);--font-family-sans: "Inter", system-ui, sans-serif;--font-family-mono: "Fira Code", monospace;--z-background: 0;--z-orbit: 10;--z-planet: 20;--z-ui: 100}@media(min-width:1024px){*{cursor:none!important}}:root{color-scheme:dark}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--color-space-black);background-image:radial-gradient(circle at 50% 50%,#111119,#050508);color:var(--color-text-main);font-family:var(--font-family-sans)}#root{width:100%;height:100%}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;transition:opacity 1s ease-out;opacity:1}.loading-screen.fade-out{opacity:0;pointer-events:none}.loader-container{position:relative;width:150px;height:150px;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.sun{width:40px;height:40px;background:radial-gradient(circle,gold,#ff8c00);border-radius:50%;box-shadow:0 0 30px #ff8c00;position:absolute;z-index:2}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);animation:spin 3s linear infinite}.orbit:nth-child(2){width:100px;height:100px;animation-duration:4s}.orbit:nth-child(3){width:160px;height:160px;animation-duration:6s;animation-direction:reverse}.planet{position:absolute;top:50%;left:-6px;width:12px;height:12px;background-color:#00d4ff;border-radius:50%;box-shadow:0 0 10px #00d4ff;transform:translateY(-50%)}.orbit:nth-child(3) .planet{background-color:#f05;box-shadow:0 0 10px #f05;left:auto;right:-6px}.loading-text{font-family:Inter,sans-serif;color:#fffc;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;animation:pulse 2s infinite ease-in-out;margin-top:2rem;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.5)}to{opacity:.5}}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}