:root{--background:#0a0a0a;--foreground:#ededed;--android-green:#3ddc84;--cloud-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853;--glass-bg:#14141499;--glass-border:#ffffff1a;--glass-blur:12px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-main:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-main);color:var(--foreground);-webkit-font-smoothing:antialiased;background-color:#0000;overflow-x:hidden}body{min-height:100vh;position:relative}.background-wrapper{z-index:-1;background-color:var(--background);opacity:1;background-image:url(/assets/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.background-overlay{background:radial-gradient(circle at center,transparent 0%,var(--background)120%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:0 var(--spacing-md);width:100%;margin:0 auto}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000005e}.text-gradient-android{background:linear-gradient(135deg,#fff,var(--android-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-cloud{background:linear-gradient(135deg,#ff8c00,#00c2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.main-footer{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;border-top:1px solid #ffffff1a;margin-top:60px;padding:40px 0}.footer-logo-wrapper{margin-bottom:24px}.footer-logo{opacity:.9;width:auto;height:60px;margin:0 auto;display:block}.footer-socials{justify-content:center;gap:24px;margin:24px 0;display:flex}.footer-socials a{color:var(--cloud-blue);font-size:1rem;font-weight:500;transition:all .3s}.footer-socials a:hover{color:#fff;text-shadow:0 0 8px var(--cloud-blue)}.footer-disclaimer{opacity:.6;max-width:600px;color:var(--foreground);margin:0 auto;font-size:.85rem;line-height:1.5}
.grid-container{z-index:-1;background-color:#0a0a0a;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.grid-lines{background-image:linear-gradient(90deg,#ededed0d 1px,#0000 1px),linear-gradient(#ededed0d 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 100%);mask-image:radial-gradient(circle,#000 60%,#0000 100%)}.grid-dot{opacity:0;z-index:2;background-color:#fff;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite flash;position:absolute;box-shadow:0 0 4px}.grid-line{opacity:0;z-index:1;transform-origin:0 0;background-color:currentColor;animation:4s ease-in-out infinite beam;position:absolute;box-shadow:0 0 4px}@keyframes flash{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}@keyframes beam{0%{opacity:0;transform:scaleX(0)scaleY(0)}10%{opacity:.8;transform:scaleX(1)scaleY(1)}60%{opacity:.8}to{opacity:0}}.grid-overlay{z-index:5;pointer-events:none;background:radial-gradient(circle,#0a0a0a66 0%,#0a0a0a 100%);position:absolute;inset:0}