@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Ubuntu,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#09c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4dd4ff,#00d4ff)}*{transition:all .3s ease}.gradient-text{background:linear-gradient(135deg,#00d4ff,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:0 0 20px #00d4ff4d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse-animation{animation:pulse 2s ease-in-out infinite}.gradient-border{position:relative;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border-radius:16px}.gradient-border:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,#00d4ff,#ff6b6b);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude}