body{font-family:Inter,system-ui,sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#eef2f7,#dfe7f2);min-height:100vh;display:flex;align-items:center;justify-content:center}.App{background:#fff;max-width:550px;width:90%;padding:40px;border-radius:18px;box-shadow:0 8px 30px #0000001f;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{text-align:center;margin-bottom:25px;font-size:26px;font-weight:700;color:#222}input[type=url]{width:100%;padding:14px 16px;border-radius:10px;border:2px solid #d3d7df;font-size:16px;transition:.25s;outline:none}input[type=url]:focus{border-color:#4c8bf5;box-shadow:0 0 8px #4c8bf54d}button{width:100%;padding:14px;margin-top:12px;border:none;border-radius:10px;font-size:17px;cursor:pointer;transition:.25s;font-weight:600}button:hover{transform:translateY(-2px)}button[type=submit]{background:#4c8bf5;color:#fff}button[type=submit]:hover{background:#3a74d9}.download-btn{background:#2ecc71;color:#fff}.download-btn:hover{background:#27b765}.error-message{margin-top:15px;padding:12px;background:#ffe5e7;border-left:4px solid #ff4d4f;color:#b0181b;border-radius:6px;font-size:15px;text-align:center}.qr-box{display:flex;flex-direction:column;align-items:center;margin-top:20px}.qr-box img{width:250px;height:250px;border-radius:12px;padding:12px;background:#fff;box-shadow:0 6px 20px #0000001f;animation:fadeIn .4s ease}.form-container{display:flex;flex-direction:column;align-items:center;width:100%}.form-container input,.form-container button[type=submit]{width:100%;max-width:100%}