@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap";body{background-color:#0f0f13;color:#fff;font-family:Cairo,sans-serif;margin:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-image:radial-gradient(circle at 50% 0%,#2a1b2a,#0f0f13 70%);overflow-x:hidden;padding:40px 0}.container{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);padding:40px;border-radius:20px;width:90%;max-width:380px;text-align:center;box-shadow:0 10px 40px #0009;margin:auto}h2{margin-top:0;margin-bottom:25px;color:#f0f0f0}input{width:100%;padding:14px;margin:8px 0;border:none;border-radius:10px;background:#1a1a24;color:#fff;outline:none;border:1px solid transparent;transition:all .3s ease;box-sizing:border-box;font-family:Cairo,sans-serif}input:focus{border-color:#e63946;box-shadow:0 0 10px #e6394633}button{width:100%;padding:14px;margin-top:25px;border:none;border-radius:10px;background:linear-gradient(135deg,#e63946,#b01a26);color:#fff;font-weight:700;cursor:pointer;font-size:16px;font-family:Cairo,sans-serif;transition:all .3s ease}button:disabled{background:#333;color:#666;cursor:not-allowed;transform:none;box-shadow:none}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e6394666}button:active:not(:disabled){transform:scale(.95);opacity:.8}.role-card{background:#1a1a24;padding:30px 20px;border-radius:15px;margin-top:20px;border:1px solid #e63946;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.role-title{color:#e63946;font-size:2.5rem;margin:0;text-shadow:0 0 15px rgba(230,57,70,.4)}.role-desc{margin-top:15px;font-size:14px;color:#a0a0a8;line-height:1.6}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;width:12px;height:24px;animation:confetti-fall linear infinite;z-index:9999;pointer-events:none}@keyframes lose-fall{0%{transform:translateY(-10vh);opacity:1}to{transform:translateY(100vh);opacity:0}}.lose-drop{position:fixed;font-size:24px;font-weight:700;color:#a01a26;animation:lose-fall linear infinite;z-index:9999;pointer-events:none}@keyframes celestial-rise{0%{bottom:-20%;opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%) scale(1.2)}to{bottom:120%;opacity:0;transform:translate(-50%) scale(1)}}.celestial-body{position:fixed;left:50%;font-size:160px;z-index:10000;animation:celestial-rise 3.5s ease-in-out forwards;pointer-events:none;filter:drop-shadow(0 0 40px rgba(255,255,255,.8))}