*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#f4f1f1}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px}.wrapper{width:100%;max-width:950px}.logo{display:flex;align-items:center;gap:16px;margin-bottom:30px}.logo-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff9f43,#ff3f8e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px}.logo h1{font-size:42px;font-weight:900;color:#111827}.alert{background:#fff3d8;border:1px solid #ffd98e;padding:28px;border-radius:30px;margin-bottom:30px}.alert p{color:#444;font-size:18px;line-height:1.6}.card{background:#fff;padding:50px;border-radius:35px;box-shadow:0 10px 40px #00000014}.card h2{font-size:54px;font-weight:900;margin-bottom:10px;color:#111827}.card-subtitle{color:#6b7280;font-size:18px;margin-bottom:40px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:12px;font-weight:700;color:#111827}.form-group input{width:100%;border:none;background:#eef2ff;padding:20px;border-radius:18px;font-size:16px}.form-group input:focus{outline:none}.button{width:100%;border:none;padding:20px;border-radius:18px;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(90deg,#ff8c37,#ff2f92);cursor:pointer;transition:.3s}.button:hover{transform:translateY(-2px)}.result{margin-top:25px;padding:20px;border-radius:18px;background:#ecfdf5;border:1px solid #6ee7b7}.error{margin-top:25px;padding:20px;border-radius:18px;background:#fef2f2;border:1px solid #fca5a5}@media (max-width:768px){.card{padding:30px}.card h2{font-size:38px}.logo h1{font-size:30px}}