@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #00f0ff;--accent-secondary: #7000ff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.gradient-border{position:relative;background:var(--glass-bg);border-radius:16px;z-index:1}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:17px;padding:1px;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.5;transition:opacity .3s;z-index:-1}.gradient-border:hover:before{opacity:1}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0;position:relative}.navbar-container{position:fixed;top:20px;left:0;right:0;margin:0 auto;width:fit-content;z-index:1000;display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 30px;border-radius:50px;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.nav-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;padding:8px 12px;border-radius:20px;transition:all .3s}.nav-button:hover{color:var(--text-primary);background:#ffffff1a}.nav-label{display:none}@media(min-width:768px){.nav-label{display:block}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.floating{animation:float 6s ease-in-out infinite}