.container{max-width:800px;margin:2rem auto;padding:2rem;text-align:center;background-color:#f5f6fa;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.container h1{color:#2d3436;margin-bottom:2rem;font-size:2.5rem}.inputGroup{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.inputGroup{flex-direction:row;justify-content:center}}.inputField{padding:.8rem 1.2rem;border:2px solid #dcdde1;border-radius:8px;font-size:1rem;flex-grow:1;transition:border-color .3s ease}.inputField:focus{outline:none;border-color:#6c5ce7}.downloadButton,.generateButton{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s ease,background-color .3s ease;font-weight:600}.downloadButton:hover,.generateButton:hover{transform:translateY(-2px)}.generateButton{background-color:#6c5ce7;color:#fff}.generateButton:hover{background-color:#5b4bc4}.downloadButton{background-color:#00b894;color:#fff;margin-top:1.5rem}.downloadButton:hover{background-color:#00a383}.qrContainer{margin-top:2rem;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.error{color:#e74c3c;margin:1rem 0;font-weight:500}