html{scroll-behavior:smooth}
body{background:#f5f8fc}
.sticky-top{background:#1363c6}
.navbar .navbar-nav{margin-left:auto}
.hero-header{margin-bottom:0}
.code-card{height:100%;padding:32px;background:#fff;border:1px solid #e1e8f2;border-radius:22px;box-shadow:0 12px 35px #173e6510}.tool-label{display:block;color:#1363c6;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin-bottom:12px}.code-card h2{font-size:1.65rem}.code-card p{color:#617083}.code-card label{display:block;margin-bottom:8px;font-weight:600}.code-card .form-control,.code-card .form-select{min-height:48px;border-radius:12px}.code-card .btn{padding:11px 22px;font-weight:600}.code-preview{min-height:180px;display:flex;align-items:center;justify-content:center;background:#f7faff;border:1px dashed #c5d5e9;border-radius:16px;padding:20px;color:#75849a;overflow:auto}.code-preview img{max-width:100%;height:auto}.code-note{font-size:.8rem}.qr-top{position:fixed;bottom:20px;right:20px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#1363c6;color:#fff;font:700 24px Arial;z-index:10}.qr-top:hover{color:white;background:#0d4a96}[hidden]{display:none!important}.navbar .dropdown-toggle:after{content:"";display:inline-block;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-left:8px;vertical-align:3px}@media(max-width:575px){.code-card{padding:22px}.hero-header h1{font-size:2.2rem}.hero-header img{max-height:170px!important}.code-card .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.footer .btn.btn-link::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 12px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    vertical-align: 1px;
}