*{box-sizing:border-box}:root{color:#183457;background:#fff}body.home-page{margin:0;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}a{color:#286fe0;text-decoration:none}button,input{font:inherit}.home-header{width:100%;max-width:1280px;margin:0 auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block;width:220px;height:auto}.panel-link{font-size:14px;color:#6d8099;display:inline-flex;align-items:center;gap:10px}.panel-link:hover{color:#286fe0}.shortener-layout{width:100%;max-width:1160px;margin:0 auto;padding:40px 40px 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.eyebrow{display:block;color:#7c8ca1;font-size:12px;letter-spacing:1.4px;text-transform:uppercase}.shortener-input h1{font-size:clamp(38px,4.5vw,58px);line-height:1.14;letter-spacing:-1.7px;margin:20px 0}.shortener-input h1 span{color:#286fe0}.lead{font-size:17px;line-height:1.7;color:#7b8ba0;margin:0 0 30px;max-width:440px}.url-field{height:62px;border:1px solid #d9e1eb;border-radius:32px;display:flex;align-items:center;gap:13px;padding:0 20px;background:#fff;box-shadow:0 4px 18px #18345707}.url-field:focus-within{border-color:#78a6ee;box-shadow:0 0 0 4px #286fe00d}.url-field svg{flex-shrink:0;color:#7c8fa8}.url-field input{width:100%;min-width:0;border:0;outline:0;color:#183457;background:transparent;font-size:16px}.url-field input::placeholder{color:#a1adbd}.shorten-button{border:0;border-radius:24px;min-height:46px;min-width:170px;padding:10px 24px;background:#286fe0;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:28px;margin-top:20px}.shorten-button:hover{background:#205ec0}.shorten-button:disabled{opacity:.6;cursor:wait}.small-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:35px;font-size:12px;color:#91a0b3}.shortener-output{border:1px solid #edf1f6;border-radius:24px;background:linear-gradient(160deg,#fbfdff,#f4f8fe);padding:32px;min-width:0;text-align:center}.output-status{font-size:11px;color:#6f8fb6;letter-spacing:.7px}.output-heading h2{font-size:24px;letter-spacing:-.5px;margin:12px 0 22px}.qr-placeholder{width:160px;height:160px;margin:0 auto 18px;display:grid;place-items:center;border:1px dashed #cfdff2;border-radius:18px;background:#fff;color:#c5d8f1}.placeholder-caption{font-size:13px;color:#91a0b3;margin:0 0 24px}.service-info{font-size:14px;line-height:1.7;color:#74869e}.service-info p{margin:8px 0}.format-preview{display:flex;gap:9px;justify-content:center;margin-top:20px}.format-preview span{padding:5px 10px;border:1px solid #dce7f4;border-radius:7px;color:#8b9db6;font-size:11px}.short-url-box{display:flex;align-items:center;gap:10px;border:1px solid #dce7f5;background:#fff;border-radius:11px;padding:12px;text-align:left}.short-url-box a{flex:1;min-width:0;overflow-wrap:anywhere;font-size:16px}.short-url-box button{border:0;color:#286fe0;cursor:pointer;background:#eef5ff;border-radius:7px;padding:8px 10px;font-size:12px}.qr-image-wrap{display:inline-flex;background:#fff;padding:12px;border:1px solid #e9eef5;border-radius:14px;margin-top:22px}.qr-image-wrap img{display:block;width:180px;height:180px}.download-label{font-size:12px;color:#8c9bb0;margin:18px 0 10px}.qr-downloads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qr-downloads a{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 5px;border:1px solid #dae5f3;background:#fff;border-radius:9px;font-size:12px}.qr-downloads a:hover{background:#edf4ff;border-color:#aac7f1}.output-note{font-size:11px;color:#95a3b6;line-height:1.6;margin-bottom:0}.home-error{font-size:13px;color:#a73232;background:#fff0f0;padding:12px 16px;border-radius:12px;margin-top:18px}.home-footer{max-width:1280px;width:100%;padding:20px 40px;margin:auto;display:flex;justify-content:space-between;gap:16px;color:#a1adbd;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button:focus-visible,a:focus-visible{outline:3px solid #a8cafb;outline-offset:4px}@media(max-width:1000px){.shortener-layout{gap:40px}.shortener-output{padding:26px}.home-header{padding:24px 28px}.shortener-layout{padding-left:28px;padding-right:28px}}@media(max-width:700px){.home-header{padding:20px;gap:12px}.brand{width:180px}.panel-link{font-size:11px;gap:5px}.shortener-layout{grid-template-columns:1fr;padding:26px 20px;gap:28px;max-width:500px}.eyebrow{font-size:10px}.shortener-input h1{font-size:38px;margin:14px 0;line-height:1.12}.lead{font-size:14px;margin-bottom:22px}.url-field{height:56px;padding:0 16px}.url-field input{font-size:14px}.shorten-button{margin-top:14px;min-height:44px}.small-points{margin-top:22px;gap:14px;font-size:11px}.shortener-output{padding:24px}.output-heading h2{font-size:23px}.qr-placeholder{width:130px;height:130px}.qr-placeholder svg{width:90px;height:90px}.home-footer{padding:20px;flex-direction:column;gap:5px}.qr-downloads{gap:6px}}@media(min-width:701px) and (max-height:760px){.home-header{padding-top:16px;padding-bottom:16px}.shortener-layout{padding-top:15px;padding-bottom:20px}.shortener-output{padding-top:24px;padding-bottom:24px}.shortener-input h1{font-size:46px}.home-footer{padding-top:12px;padding-bottom:12px}}
.shortener-viewport{width:100%;min-width:0;align-self:center;overflow:hidden}.mobile-result-back{display:none}.free-quota-note{font-size:11px;color:#91a0b3;line-height:1.7;margin:18px 0 0}.activate-link-button{display:block;width:100%;min-height:44px;border:0;border-radius:10px;background:#286fe0;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin:18px auto 0;padding:10px 16px}.activate-link-button:hover{background:#205ec0}.activate-link-button.is-verified{background:#eff9f3;color:#26744d;box-shadow:inset 0 0 0 1px #c8e6d8}.has-result .output-status{color:#9b773d}.has-result .output-status.is-active{color:#26744d}
@media(max-width:700px){.shortener-viewport{max-width:500px;margin:0 auto;transition:height .25s ease}.shortener-layout{display:flex;align-items:flex-start;width:200%;max-width:none;gap:0;margin:0;padding:0;transform:translateX(0);transition:transform .4s cubic-bezier(.2,.75,.25,1);will-change:transform}.shortener-layout>.shortener-input,.shortener-layout>.shortener-output{flex:0 0 50%;width:50%;min-width:0;box-sizing:border-box}.shortener-layout>.shortener-input{padding:26px 20px}.shortener-layout>.shortener-output{border-radius:0;border:0;padding:22px 24px 28px;background:linear-gradient(160deg,#fbfdff,#f4f8fe)}.shortener-viewport.is-result-step .shortener-layout{transform:translateX(-50%)}.mobile-result-back{display:inline-flex;border:0;background:transparent;color:#6d8099;font:inherit;font-size:12px;margin:0 0 18px;padding:4px 0;cursor:pointer;align-self:flex-start}.qr-image-wrap{margin-top:18px}.activate-link-button{max-width:320px}.free-quota-note{font-size:10px;margin-top:15px}.shortener-output .output-heading h2{margin-bottom:18px}.shortener-output .output-note{margin-top:15px}.home-page.mobile-result-step .home-footer{padding-top:12px}.home-page.mobile-result-step .panel-link{max-width:110px;text-align:right}.home-page.mobile-result-step .home-header{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.shortener-layout,.shortener-viewport{transition:none}}

.mobile-show-result{display:none}@media(max-width:700px){.mobile-show-result{display:block;border:0;background:transparent;color:#286fe0;padding:12px 0;cursor:pointer;font:inherit;font-size:13px}}

.home-nav{display:flex;align-items:center;gap:22px}@media(max-width:700px){.home-nav{flex-direction:column;align-items:flex-end;gap:7px}.home-nav .panel-link{white-space:nowrap}}