@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--bg-color:#050b14;--text-primary:#fff;--text-secondary:#94a3b8;--card-bg:#0f172a99;--card-hover-bg:#1e293be6;--glass-blur:blur(12px);--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--orbit-y-scale:.55;--inverse-y-scale:1.8181;--planet-size:75px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;overflow:hidden}.app-global-container{width:100vw;height:100vh;position:relative;overflow:hidden}.background-wrapper{z-index:-1;background:radial-gradient(circle,#0a1128 0%,#03060c 100%);width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.background-wrapper:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#8b5cf60d 50%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.galaxy-layer{pointer-events:none;z-index:-2;position:absolute;inset:-5vh -5vw}.constellations-layer{pointer-events:none;z-index:-1;position:absolute;inset:0}.galaxy-layer.g1{opacity:.55;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fffc,#0000),radial-gradient(1.5px 1.5px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 130px 80px,#ffffffb3,#0000),radial-gradient(1px 1px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:200px 200px}.galaxy-layer.g2{opacity:.35;background-image:radial-gradient(1px 1px at 10px 20px,#fff,#0000),radial-gradient(1.5px 1.5px at 60px 40px,#fffc,#0000),radial-gradient(1px 1px at 180px 80px,#fff,#0000),radial-gradient(1px 1px at 30px 160px,#ffffffe6,#0000),radial-gradient(2.5px 2.5px at 150px 50px,#ffffffb3,#0000);background-repeat:repeat;background-size:300px 310px}.galaxy-layer.g3{opacity:.15;filter:blur(1.5px);background-image:radial-gradient(1px 1px at 25px 50px,#fff,#0000),radial-gradient(2px 2px at 120px 10px,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 90px 120px,#fff,#0000),radial-gradient(1px 1px at 230px 200px,#fff9,#0000),radial-gradient(1px 1px at 60px 260px,#fff6,#0000);background-repeat:repeat;background-size:400px 400px}.comet-wrapper{top:var(--base-top,50%);right:var(--base-right,0%);position:absolute}.comet{width:80px;height:2px;animation:shoot var(--shoot-duration,54s) linear infinite;animation-delay:var(--shoot-delay,0s);opacity:0;background:linear-gradient(90deg,#fff 0%,#fff0 100%);border-radius:50% 0 0 50%;position:relative}.comet-head{background-color:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s linear infinite alternate sparkle;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 15px 4px #fff,0 0 30px 8px #699bffcc,0 0 50px 10px #ffffff80}@keyframes sparkle{0%{opacity:.6;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1.3)}}@keyframes shoot{0%{opacity:0;transform:rotate(-35deg)translate(0)}5%{opacity:1}30%{opacity:1;transform:rotate(-35deg)translate(-1500px)}35%{opacity:0;transform:rotate(-35deg)translate(-1700px)}to{opacity:0;transform:rotate(-35deg)translate(-1700px)}}.cw1{--base-top:10%;--base-right:15%;--drift-duration:33s;--shoot-duration:49s;--shoot-delay:2s}.cw2{--base-top:40%;--base-right:-5%;--drift-duration:41s;--shoot-duration:61s;--shoot-delay:15s}.cw3{--base-top:-10%;--base-right:40%;--drift-duration:27s;--shoot-duration:54s;--shoot-delay:26s}.cw4{--base-top:60%;--base-right:10%;--drift-duration:53s;--shoot-duration:71s;--shoot-delay:38s}.cw5{--base-top:5%;--base-right:60%;--drift-duration:37s;--shoot-duration:45s;--shoot-delay:48s}.lang-switcher{z-index:100;position:absolute;top:1.5rem;right:2rem}.lang-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:.6rem 1.2rem;font-family:Outfit,sans-serif;font-size:.9rem;transition:all .3s;display:flex}.lang-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.universe-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.solar-system{width:100%;height:100%;transform:scaleY(var(--orbit-y-scale));justify-content:center;align-items:center;display:flex;position:relative}.core-sun{z-index:50;pointer-events:none;flex-direction:column;align-items:center;animation:6s ease-in-out infinite alternate float-sun;display:flex;position:absolute}.sun-avatar{object-fit:cover;pointer-events:auto;border:3px solid #fff3;border-radius:50%;width:130px;height:130px;box-shadow:0 0 40px #3b82f680,0 0 100px #ec48994d}.core-text{text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#0a0f1e99;border:1px solid #ffffff0d;border-radius:20px;margin-top:1.5rem;padding:8px 18px;transition:all .4s;transform:translateY(-10px)}.core-text.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.core-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700}.single-orbit{--orbit-render-size:var(--desktop-size);width:var(--orbit-render-size);height:var(--orbit-render-size);z-index:10;pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.single-orbit:hover{z-index:100}.orbit-spin-layer{width:100%;height:100%;animation:spin var(--duration) linear infinite;position:absolute}.single-orbit:hover .orbit-spin-layer,.single-orbit:hover .planet{animation-play-state:paused}.planet-container{width:100%;height:100%;transform:rotate(var(--angle));position:absolute;top:0;left:0}.planet-pivot{margin-left:calc(var(--planet-size) / -2);margin-top:calc(var(--planet-size) / -2);width:var(--planet-size);height:var(--planet-size);transform:rotate(calc(var(--angle) * -1));position:absolute;top:0;left:50%}.planet{width:100%;height:100%;animation:rev-spin var(--duration) linear infinite}.planet-content{pointer-events:auto;background:var(--card-bg);width:100%;height:100%;-webkit-backdrop-filter:var(--glass-blur);color:#fff;cursor:pointer;transform:scaleY(var(--inverse-y-scale));border:1px solid #ffffff26;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.planet-content:hover{transform:scaleX(1.3) scaleY(calc(1.3 * var(--inverse-y-scale)));background:var(--card-hover-bg);z-index:100;border-color:#fff6}.planet-icon{margin-bottom:2px;transition:all .3s}.planet-content:hover .planet-icon{transform:scale(1.1)}.planet-label{letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:600}.planet-tooltip{color:#ccc;text-align:center;opacity:0;pointer-events:none;background:#000c;border-radius:8px;width:max-content;max-width:180px;padding:6px 12px;font-size:.75rem;transition:opacity .3s,transform .3s;position:absolute;top:110%;left:50%;transform:translate(-50%)}.planet-content:hover .planet-tooltip{opacity:1;transform:translate(-50%)translateY(10px)}.planet-content[data-id=links]:hover{box-shadow:0 0 30px #3b82f680}.planet-content[data-id=drive]:hover{box-shadow:0 0 30px #10b98180}.planet-content[data-id=photos]:hover{box-shadow:0 0 30px #8b5cf680}.planet-content[data-id=health]:hover{box-shadow:0 0 30px #ec489980}.planet-content[data-id=clipboard]:hover{box-shadow:0 0 30px #f59e0b80}.planet-content[data-id=blog]:hover{box-shadow:0 0 30px #0ea5e980}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rev-spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes float-sun{0%{transform:scaleY(var(--inverse-y-scale)) translateY(-5px)}to{transform:scaleY(var(--inverse-y-scale)) translateY(5px)}}@media (width<=768px){:root{--planet-size:65px}.single-orbit{--orbit-render-size:var(--mobile-size)}.core-title{font-size:1.4rem}.sun-avatar{width:100px;height:100px}.lang-switcher{top:1rem;right:1rem}body{overflow-y:auto}}