:root{--color-1: #ffffff;--color-2: #719ff7;--color-3: #e972c6;--color-4: #292a31}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}input{width:100%;padding:1rem;font-size:1rem;border-radius:1rem;border:1px solid rgba(0,0,0,.1)}body{background:var(--color-1);color:var(--color-4);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{width:40rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(0,0,0,.1)}header{text-align:center;margin-bottom:40px}header h1{font-size:2.8rem;font-weight:600;color:var(--color-2);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:15px}header .subtitle{font-size:1.2rem;color:#666;font-weight:500}main{display:flex;flex-direction:column;gap:1rem;width:100%}.card{background:#fffffff2;padding:2rem;border-radius:1rem;border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;width:100%;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}#loading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:60px;height:60px;border:5px solid rgba(0,0,0,.1);border-top:5px solid var(--color-2);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading p{font-size:1.3rem;color:#666}.icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2.5rem}.icon.error{background:#ff575733;color:#ff5757}.icon.success{background:#57ff8933;color:#57ff89}#error h2,#redirect h2{text-align:center;font-size:2rem;margin-bottom:15px}#error p,#redirect p{text-align:center;font-size:1.1rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto 25px}.btn{display:inline-block;background:var(--color-3);color:#fff;padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s;text-align:center;margin:10px;box-shadow:0 5px 15px #719ff74d}.btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #719ff780}.btn i{margin-right:10px}.info-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--color-2);display:flex;align-items:center;gap:10px}.info-card p{margin-bottom:10px;color:#666}.info-card code{background:#0000001a;padding:5px 10px;border-radius:6px;font-family:Courier New,monospace;color:var(--color-3)}@media(max-width:768px){.container{padding:25px;width:100%}header h1{font-size:2.2rem;flex-direction:column;gap:10px}.card{padding:25px}.btn{padding:12px 24px;font-size:1rem}}