body { font-family: 'Segoe UI', Tahoma, sans-serif; background: linear-gradient(to right, #ece9e6, #ffffff); margin:0; padding:0; display:flex; justify-content:center; align-items:center; min-height:100vh; }
    .container { max-width: 680px; width: 100%; padding: 20px; }
    .card { background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); text-align: center; transition: transform 0.2s; }
    .card:hover { transform: translateY(-2px); }
    h1 { color: #5A3E85; margin-bottom: 20px; }
    p { font-size: 16px; margin: 6px 0; color: #555; }
    .mnid { font-weight: bold; font-size: 22px; color: #333; margin-top: 12px; }
    input { padding: 10px; width: calc(100% - 22px); font-size: 16px; border: 1px solid #ccc; border-radius: 8px; margin-top: 12px; }
    button { padding: 10px 18px; font-size: 16px; margin-top: 12px; border:none; border-radius:8px; background-color:#5A3E85; color:white; cursor:pointer; transition: background 0.3s; }
    button:hover { background-color:#422961; }
    .error { margin-top: 15px; color: #D9534F; font-weight:bold; }
    .tip { font-size: 12px; color: #888; margin-top: 10px; }