@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#001f3f,#000);color:#fff;overflow-x:hidden;min-height:100vh}.cosmic-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.star{position:absolute;background-color:#fff;border-radius:50%;animation:twinkle var(--duration, 5s) infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.glass-card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.glass-card:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.role-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.role-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 30px #0000004d}.gradient-text{background:linear-gradient(90deg,#7fdbff,#0074d9,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-btn{background:linear-gradient(90deg,#0074d9,#001f3f);transition:all .3s ease}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(0) translate(20px)}75%{transform:translateY(20px) translate(10px)}}