:root{--primary-color: #6a11cb;--secondary-color: #2575fc;--background-color: #f0f2f5;--card-background: #ffffff;--text-color: #333;--text-light-color: #666;--border-color: #ddd;--border-radius: 12px;--box-shadow: 0 4px 20px rgba(0, 0, 0, .08)}.qr-generator-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem}.qr-generator-card{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem 2.5rem;width:100%;max-width:550px;text-align:center;transition:all .3s ease}.card-header h1{margin:0;font-size:1.8rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-header p{margin:.5rem 0 2rem;color:var(--text-light-color)}.mode-switcher{display:flex;background:var(--background-color);border-radius:var(--border-radius);padding:5px;margin-bottom:1.5rem}.mode-switcher input[type=radio]{display:none}.mode-switcher label{flex:1;padding:.8rem;border-radius:9px;cursor:pointer;font-weight:500;text-align:center;transition:all .3s ease;color:var(--text-light-color)}.mode-switcher input[type=radio]:checked+label{background:var(--card-background);box-shadow:0 2px 5px #0000001a;color:var(--primary-color)}.form-group{margin-bottom:1rem}.form-input,.form-textarea{width:100%;padding:1rem;box-sizing:border-box;border:1px solid var(--border-color);border-radius:9px;font-size:1rem;color:var(--text-color);transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6a11cb33}.form-textarea{min-height:150px;resize:vertical}.btn-primary{width:100%;padding:1rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:9px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-icon{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qr-preview{margin-top:2rem;animation:fadeIn .5s ease;display:flex;flex-direction:column;align-items:center}.qr-preview img{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px;background:#fff}.download-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.7rem 1.5rem;background-color:var(--background-color);color:var(--primary-color);font-weight:700;text-decoration:none;border-radius:9px;transition:all .3s ease}.download-link:hover{background-color:#e0e2e5;transform:translateY(-2px)}@media (max-width: 600px){.qr-generator-card{padding:1.5rem 1rem}.card-header h1{font-size:1.5rem}}.input-helper{text-align:left;font-size:.9rem;color:var(--text-light-color);margin-top:.2rem;margin-bottom:1rem;padding-left:.5rem}.input-helper.success{color:#28a745;font-weight:500}.input-helper.error{color:#dc3545;font-weight:500}.faq-section{width:100%;max-width:600px;margin:-1.5rem auto 3rem;padding:0 1rem;position:relative;z-index:10}.faq-section h2{text-align:center;color:var(--text-color);margin-bottom:2rem}.faq-container{border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.faq-item{border-bottom:1px solid var(--border-color);background:var(--card-background)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;background:none;border:none;padding:1.5rem;font-size:1.1rem;font-weight:500;color:var(--text-color);display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:background-color .2s ease}.faq-question:hover{background-color:var(--background-color)}.faq-icon{font-size:1.5rem;color:var(--primary-color);transition:transform .3s ease}.faq-icon.open{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease;padding:0 1.5rem;color:var(--text-light-color);font-size:1rem;line-height:1.6}.faq-answer.open{max-height:500px;padding:0 1.5rem 1.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-indicator{display:block;text-align:center;margin-top:2rem;cursor:pointer;text-decoration:none}.scroll-indicator svg{font-size:2.5rem;color:var(--border-color);animation:bounce 2s infinite}.button-group{display:flex;gap:1rem;margin-top:1rem}.btn-primary{flex:1}.btn-secondary{flex:1;padding:1rem;background-color:var(--background-color);color:var(--primary-color);border:1px solid var(--border-color);border-radius:9px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.5rem}.btn-secondary:hover:not(:disabled){background-color:#e2e6ea;border-color:#bdbdbd}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.button-group{flex-direction:column}}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}