*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,Arial,sans-serif;background:#f4f7fc}.page-container{min-height:100vh;background:linear-gradient(135deg,#fde1e1,#e0e7ff);display:flex;justify-content:center;align-items:center;padding:20px}.card{width:100%;max-width:440px;background:#fff;padding:32px;border-radius:18px;box-shadow:0 12px 30px #0000001f;animation:fadeIn .4s ease-in-out;text-align:center}.title{font-size:26px;font-weight:700;margin-bottom:8px}.subtitle{font-size:15px;color:#666;margin-bottom:22px}.form-group{display:flex;flex-direction:column;gap:14px}input,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ccc;font-size:15px;transition:.2s}input:focus,textarea:focus{border-color:#3a67ff;outline:none;box-shadow:0 0 3px #3a67ff66}.btn-generate{width:100%;padding:14px;background:#4f46e5;color:#fff;border-radius:10px;border:none;margin-top:14px;cursor:pointer}.btn-generate:hover{background:#4338ca}.qr-section{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:14px}.qr-image{width:200px;border-radius:12px}.btn-download{padding:12px 22px;background:#16a34a;color:#fff;border-radius:10px;border:none;cursor:pointer}.btn-download:hover{background:#15803d}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1}}