.app{min-height:100vh;background:linear-gradient(135deg,#3a1c71,#d76d77,#ffaf7b);display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.card{background:#fff;padding:30px;border-radius:20px;width:90%;max-width:400px;text-align:center;box-shadow:0 8px 25px #0003;position:relative}button{margin-top:20px;padding:10px 20px;border-radius:10px;border:none;background:#3a1c71;color:#fff;cursor:pointer;font-weight:700;transition:background .3s,transform .2s}button:hover:not(:disabled){background:#5a2e9c;transform:scale(1.05)}button:disabled{background:#888;cursor:not-allowed}.result{margin-top:20px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader-container{margin-top:25px;display:flex;justify-content:center;height:70px}.glow-loader{position:relative;width:60px;height:60px}.glow-loader span{position:absolute;width:100%;height:100%;border:5px solid transparent;border-top:5px solid #3a1c71;border-radius:50%;box-shadow:0 0 15px #3a1c71,0 0 30px #3a1c71;animation:spinGlow 1s linear infinite}.glow-loader span:nth-child(2){border-top-color:#d76d77;width:40px;height:40px;top:50%;left:50%;margin-left:-20px;margin-top:-20px;box-shadow:0 0 10px #d76d77,0 0 25px #d76d77;animation-duration:1.4s}.glow-loader span:nth-child(3){border-top-color:#ffaf7b;width:25px;height:25px;top:50%;left:50%;margin-left:-12.5px;margin-top:-12.5px;box-shadow:0 0 7px #ffaf7b,0 0 20px #ffaf7b;animation-duration:1.8s}@keyframes spinGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}