*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#003a6c;min-height:100vh;padding:20px}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.header{text-align:center;margin-bottom:30px}.header h1{color:#003a6c;font-size:2.5rem;margin-bottom:10px;font-weight:700}.header h2{color:#003a6c;font-size:1.8rem;margin-bottom:15px;opacity:.9}.header p{color:#2c3e50;font-size:1.2rem;line-height:1.6;margin-bottom:20px}.features{background:#003a6c0d;padding:20px;border-radius:10px;margin:20px 0}.features p{color:#2c3e50;font-size:1.1rem;margin:10px 0;display:flex;align-items:center;gap:10px}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.input-section{background:#f8f9fa;padding:30px;border-radius:15px;border-left:5px solid #003A6C}.output-section{background:#f8f9fa;padding:30px;border-radius:15px;border-left:5px solid #003A6C;text-align:center}.section-title{font-size:1.5rem;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#34495e;font-weight:600}.form-group input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#003a6c;box-shadow:0 0 0 3px #003a6c1a}.generate-btn{width:100%;padding:15px;background:#003a6c;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #003a6c4d;background:#004d8f}.generate-btn:active{transform:translateY(0)}.qr-display{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-top:20px}.qr-code{margin:20px 0}.qr-info{background:#e8f4fd;padding:15px;border-radius:10px;margin-top:15px;text-align:left}.qr-info p{margin:5px 0;color:#2c3e50}.qr-info strong{color:#003a6c}.empty-state{color:#95a5a6;font-style:italic;padding:50px 20px}.error-message{background:#fee;color:#d63031;padding:10px;border-radius:5px;margin-top:10px;display:none}.download-buttons{display:flex;gap:10px;margin-top:20px;justify-content:center}.download-btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#003a6c;color:#fff}.json-btn{background:#004d8f;color:#fff}.json-btn:hover{background:#005ca8;color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.container{margin:10px;padding:20px}.header h1{font-size:2rem}.main-content{grid-template-columns:1fr;gap:20px}.form-group input{padding:12px}.generate-btn{padding:12px;font-size:1rem}.download-buttons{flex-direction:column}.download-btn{font-size:.9rem;padding:10px 15px}}.icon{width:24px;height:24px}.footer{text-align:center;padding:20px;margin-top:40px;border-top:1px solid rgba(0,58,108,.1);color:#666}.footer a{color:#003a6c;text-decoration:none;font-weight:500}.footer a:hover{text-decoration:underline}.copyright{margin-top:10px;font-size:.9rem;opacity:.8}