@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner{to{transform:rotate(360deg)}}*{box-sizing:border-box}body{background:linear-gradient(135deg,#1fa2d1 0,#7ab51d 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.card{border:0;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);backdrop-filter:blur(10px);background-color:rgba(255,255,255,.98);transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 25px 70px rgba(0,0,0,.2)}.card-title{color:#333;font-size:1.5rem}h1{color:#fff;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.lead{text-shadow:1px 1px 4px rgba(0,0,0,.2)}.form-control:focus{border-color:#1fa2d1;box-shadow:0 0 0 .25rem rgba(31,162,209,.25)}.input-group-text{background-color:#f8f9fa;border:1px solid #dee2e6}.qr-preview-wrapper{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:3px solid #e9ecef}#qrCanvas,.btn{border-radius:8px}#qrCanvas{max-width:100%;height:auto;display:block}#qrUrl{word-break:break-all;display:inline-block;max-width:100%;color:#6c757d}.btn{font-weight:500;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#1fa2d1 0,#7ab51d 100%);border:0;box-shadow:0 4px 15px rgba(31,162,209,.4)}.btn-primary:hover{background:linear-gradient(135deg,#1a8bb5 0,#6a9e19 100%);box-shadow:0 6px 20px rgba(31,162,209,.5)}.btn-primary:active{transform:translateY(0)}.btn-outline-primary{border-color:#1fa2d1;color:#1fa2d1}.btn-outline-primary:hover,.btn-outline-success:hover{background-color:#1fa2d1;border-color:#1fa2d1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(31,162,209,.3)}.btn-outline-success{border-color:#7ab51d;color:#7ab51d;font-weight:600}.btn-outline-success:hover{background-color:#7ab51d;border-color:#7ab51d;box-shadow:0 4px 12px rgba(122,181,29,.3)}.btn-link{color:#1fa2d1;font-weight:500}.btn-link:hover{color:#1a8bb5}svg{vertical-align:middle}.text-white-50 a,footer a{color:rgba(255,255,255,.8)!important;text-decoration:underline;transition:color .2s ease}.text-white-50 a:hover,footer a:hover{color:#fff!important}#qrResult{animation:fadeIn .5s ease-out}.d-none{display:none!important}@media (max-width:768px){.display-4{font-size:2.5rem}.lead{font-size:1rem}.card-body{padding:1.5rem!important}.qr-preview-wrapper{padding:15px}.d-md-flex.gap-2{flex-direction:column!important}.d-md-flex.gap-2 .btn{margin-bottom:.5rem}}@media (max-width:576px){.container{padding-left:1rem;padding-right:1rem}.display-4{font-size:2rem}h1{margin-bottom:1rem!important}.btn-lg{font-size:1rem;padding:.75rem 1rem}#qrCanvas{max-width:250px}}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading::after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spinner .6s linear infinite}.logo-container{margin-bottom:2rem}.header-logo{max-width:300px;width:100%;height:auto;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.3))}@media (max-width:576px){.header-logo{max-width:200px}}@media print{body{background:#fff}.card{box-shadow:none;border:1px solid #dee2e6}button,form{display:none}#qrResult{display:block!important}}