@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@600;700;800;900&display=swap');
.admin-dashboard, .member-dashboard {

}

.admin-dashboard pre, .member-dashboard pre {
    white-space: pre-wrap;
}

.admin-dashboard .well, .member-dashboard .well {
    word-wrap: break-word;
}

.admin-dashboard .table, .member-dashboard .table {
    /*table-layout: fixed;*/
}

.admin-dashboard .table > tbody > tr > td, .member-dashboard .table > tbody > tr > td,
.admin-dashboard .table > tbody > tr > th, .member-dashboard .table > tbody > tr > th,
.admin-dashboard .table > tfoot > tr > td, .member-dashboard .table > tfoot > tr > td,
.admin-dashboard .table > tfoot > tr > th, .member-dashboard .table > tfoot > tr > th,
.admin-dashboard .table > thead > tr > td, .member-dashboard .table > thead > tr > td,
.admin-dashboard .table > thead > tr > th, .member-dashboard .table > thead > tr > th {
    white-space: normal !important;
    word-wrap: break-word;
}

/* Frame page */
body.frame {
    overflow: hidden;
    padding-top: 0;
}

body.frame .banner {
    margin: 0px;
}

img {
    max-width: 100%;
}

.installation .login-box {
    width: 550px;
}

.shorten-member {
    margin-bottom: 0px;
    box-shadow: none;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .shorten-button {
        padding-left: 32px;
        height: 45px;
    }

    .sidebar-mini.sidebar-collapse .shorten-button span {
        display: none;
    }
}

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #777777;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) {
    .is-table-row {
        display: table;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 768px) {
    body.frame .counter {
        padding-top: 8px;
    }
}

/** Inner pages **/
@media (min-width: 768px) {
    .inner-page header .intro-text {
        padding-top: 115px;
        padding-bottom: 100px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 0;
    }
}

.inner-page section {
    padding: 20px 0;
}

/** Logo **/
.navbar-brand.logo-image {
    padding: 0 15px;
}

.navbar-brand.logo-image img {
    height: 100%;
}

/*
 * App Loader
 */
.loader:before,
.loader:after,
.loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    font-size: 10px;
    /*margin: 80px auto;*/
    margin: 0px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #ffffff;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #ffffff;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #ffffff;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #ffffff;
    }
}

.shorten #shorten input {
    border: none;
}

.shorten #shorten .input-group-addon {
    background-color: #fff;
    border: none;
    padding: 0;
}

.shorten #shorten button {
    background-color: #fff;
    border: none;
}

.shorten .fasubmit {
    padding: 14px 8px;
}

.shorten #shorten {
    opacity: 0.9;
}

.advertising-rates table th[rowspan='2'],
.advertising-rates table th[colspan='3'],
.payout-rates table th[rowspan='2'],
.payout-rates table th[colspan='2'] {
    vertical-align: middle;
    text-align: center;
}

.display-counter {
    font-size: 70px;
    display: block;
    color: #336799;
}

/** Banner Ads **/

.countdown {
    border: 2px solid #888;
    border-radius: 50%;
    color: #888;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 100px;
    line-height: 18px;
    margin: 25px auto;
    padding: 29px 0 0;
    width: 100px;
}

.countdown .timer {
    font-size: 25px;
}

.banner {
    text-align: center;
    margin-bottom: 10px;
}

.banner .banner-inner {
    margin: 0 auto;
}

.banner-captcha .banner-inner {
    max-width: 728px;
}

.banner-member .banner-inner {
    max-width: 728px;
}

.banner-728x90 .banner-inner {
    max-width: 728px;
}

.banner-468x60 .banner-inner {
    max-width: 468px;
}

.banner-336x280 .banner-inner {
    max-width: 336px;
}

#cookie-pop {
    position: sticky;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    background-color: #222222;
}

.cookie-message {
    color: #ffffff;
}

.cookie-message a {
    color: #ffffff;
}

.cookie-confirm {
    text-align: right;
}

@media (min-width: 768px) {
    .cookie-message {
        padding: 20px 0;
    }

    .cookie-confirm {
        padding-top: 15px;
    }
}

@media (max-width: 767px) {
    #cookie-pop {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.btn-google, .btn-google:hover, .btn-google:focus, .btn-google:active {
    background-color: #4285f4;
}

.btn-social.btn-google > :first-child {
    background-color: #fff;
    color: #4285f4;
}
/* ============================================================
   SHORTUN v5 — admin + member panel light-touch polish
   AdminLTE shell, same dark blue + black palette. UX only:
   contrast, spacing, rounded cards, clearer active states.
   ============================================================ */

/* Top bar + logo: navy-black */
.main-header .logo{background:linear-gradient(160deg,#0e3a6b,#02040a)!important;
  color:#fff!important;font-weight:800;letter-spacing:.3px}
.main-header .navbar{background-color:#0a2e55!important}
.main-header .navbar .nav>li>a{color:#dbe7f5!important}
.main-header .navbar .nav>li>a:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
.main-header .sidebar-toggle{color:#dbe7f5!important}

/* Sidebar: near-black, readable links, clear active item */
.main-sidebar,.left-side{background-color:#060b13!important}
.sidebar-menu>li>a{color:#b9c9dd!important;font-weight:600;padding:12px 14px}
.sidebar-menu>li>a:hover{background-color:#0a2e55!important;color:#fff!important}
.sidebar-menu>li.active>a{background-color:#0d47a1!important;color:#fff!important;
  border-left:3px solid #7fa8dd}
.sidebar-menu .treeview-menu{background-color:#03060b!important}
.sidebar-menu .treeview-menu>li>a{color:#93a5ba!important}
.sidebar-menu .treeview-menu>li>a:hover{color:#fff!important}
.user-panel>.info,.user-panel>.info>a{color:#dbe7f5!important}

/* Content area + cards */
.content-wrapper,.right-side{background-color:#eef2f7!important}
.box{border-radius:12px!important;border-top:3px solid #0a2e55!important;
  box-shadow:0 4px 16px rgba(10,46,85,.08)!important}
.box-header{color:#0a2e55!important}
.small-box{border-radius:12px!important;box-shadow:0 6px 18px rgba(10,46,85,.14)!important}
.info-box{border-radius:12px!important;box-shadow:0 4px 14px rgba(10,46,85,.08)!important}

/* Buttons in panels: same navy gradient as the front site */
.content-wrapper .btn-primary,.modal .btn-primary,
.login-box .btn-primary,.register-box .btn-primary{
  background-color:#0a2e55!important;
  background-image:linear-gradient(180deg,#0e3a6b,#050f1d)!important;
  border-color:#04101f!important;color:#fff!important}
.content-wrapper .btn-primary:hover,.login-box .btn-primary:hover{
  background-image:linear-gradient(180deg,#0a2e55,#000)!important}

/* Tables: navy header tint, softer rows */
.content-wrapper .table>thead>tr>th{background-color:#e8eff8;color:#0a2e55;
  border-bottom:2px solid #0a2e55;font-weight:700}
.content-wrapper .table>tbody>tr:hover{background-color:#f2f7fd}

/* Forms: clear focus state */
.content-wrapper .form-control:focus,.login-box .form-control:focus{
  border-color:#0d47a1;box-shadow:0 0 0 3px rgba(13,71,161,.22)}

/* Auth (login/register) pages: lift the card */
.login-page,.register-page{background:linear-gradient(160deg,#04182f,#05090f)!important}
.login-box-body,.register-box-body{border-radius:14px;
  box-shadow:0 24px 50px rgba(0,0,0,.45);padding:28px}
.login-logo a,.register-logo a{color:#fff!important;font-weight:800}

/* ============================================================
   SHORTUN CLASSIC v6 — front theme refresh (appended 2026-10-27)
   ClassicTheme (core templates + front.css/app.css). CSS only:
   brand palette (dark blue + black), Inter typography, softer
   cards/buttons, gradient hero, dark footer. No layout changes.
   ============================================================ */
:root{
  --su-primary:#0d47a1; --su-primary-bright:#1565c0; --su-navy:#0a2e55;
  --su-deep:#04182f; --su-black:#05090f; --su-ink:#0a1a2c;
  --su-body:#22364c; --su-muted:#57697e; --su-accent:#7fb2f0;
  --su-mist:#eef2f7; --su-line:#d7e0ea;
}

/* ---- Typography ---- */
body{font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:var(--su-body); font-size:15.5px; -webkit-font-smoothing:antialiased;}
p{font-size:15.5px; line-height:1.7;}
h1,h2,h3,h4,h5,h6{font-family:"Montserrat","Inter",sans-serif; color:var(--su-ink);
  letter-spacing:-.3px;}
a{color:var(--su-primary);}
a:hover,a:focus,a:active{color:var(--su-navy);}
.text-muted{color:var(--su-muted);}
.text-primary{color:var(--su-primary);}
::selection{background:var(--su-primary); color:#fff;}
:focus-visible{outline:2px solid var(--su-accent); outline-offset:2px;}

section h2.section-heading{color:var(--su-ink); font-size:38px;}
section h3.section-subheading{font-family:"Inter",sans-serif; font-style:normal;
  color:var(--su-muted); font-size:16.5px;}
.bg-light-gray{background-color:var(--su-mist);}
.bg-darkest-gray{background-color:var(--su-black);}

/* ---- Buttons ---- */
.btn-primary,.btn-xl{
  background-color:var(--su-navy);
  background-image:linear-gradient(180deg,var(--su-primary-bright),var(--su-navy));
  border-color:#07203c; border-radius:12px;
  box-shadow:0 10px 22px rgba(10,46,85,.28);
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,
.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,
.open .dropdown-toggle.btn-primary,.open .dropdown-toggle.btn-xl{
  background-color:var(--su-deep);
  background-image:linear-gradient(180deg,var(--su-primary),#04182f);
  border-color:#04101f; color:#fff;
  transform:translateY(-1px); box-shadow:0 14px 28px rgba(10,46,85,.34);}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,
.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl{
  background-color:var(--su-navy); border-color:#07203c; box-shadow:none;}
.btn-primary .badge,.btn-xl .badge{color:var(--su-navy); background-color:#fff;}

/* ---- Navbar ---- */
.navbar-default{background-color:rgba(5,9,15,.94); border-color:transparent;
  box-shadow:0 6px 24px rgba(0,0,0,.25);}
.navbar-default .navbar-brand{font-family:"Montserrat",sans-serif; font-weight:700;}
.navbar-default .navbar-toggle{background-color:var(--su-primary); border-color:var(--su-primary);}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:var(--su-navy);}
.navbar-default .nav li a{color:#e7eef7; font-weight:600;}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{color:var(--su-accent);}
.navbar-default .navbar-nav>.active>a{color:#fff; background-color:var(--su-primary); border-radius:8px;}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
  color:#fff; background-color:var(--su-primary-bright);}
@media (min-width:768px){
  .navbar-default{background-color:transparent; box-shadow:none;}
  .navbar-default.affix{background-color:rgba(5,9,15,.95);
    box-shadow:0 8px 28px rgba(0,0,0,.35);
    -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);}
}

/* ---- Hero ---- */
header{
  background-image:
    radial-gradient(1100px 480px at 50% -10%, rgba(21,101,192,.50), rgba(21,101,192,0) 62%),
    linear-gradient(165deg,#07274d 0%, var(--su-deep) 55%, var(--su-black) 100%);
  background-color:var(--su-black);}
header .intro-text .intro-lead-in{font-family:"Inter",sans-serif; font-style:normal;
  font-weight:500; color:#bcd2ee; letter-spacing:.2px;}
header .intro-text .intro-heading{letter-spacing:-1px;
  text-shadow:0 4px 30px rgba(0,0,0,.35);}

/* Shorten form: white floating card */
header.shorten form#shorten, .shorten #shorten{
  background:#ffffff !important; opacity:1 !important;
  border-radius:16px; padding:10px;
  box-shadow:0 30px 60px rgba(0,0,0,.45);
  max-width:780px; margin-left:auto; margin-right:auto;}
.shorten #shorten input{font-size:17px; color:var(--su-ink); padding:14px 16px; height:auto;}
.shorten #shorten input::placeholder{color:#8fa3ba;}
.shorten #shorten .input-group-addon{background:transparent;}
.shorten #shorten button{
  background-color:var(--su-navy) !important;
  background-image:linear-gradient(180deg,var(--su-primary-bright),var(--su-navy));
  color:#fff; border-radius:10px !important; padding:10px 22px;
  box-shadow:0 8px 18px rgba(10,46,85,.30);}
.shorten #shorten button:hover{background-image:linear-gradient(180deg,var(--su-primary),#04182f);}
.shorten .fasubmit{color:#fff; padding:4px 2px;}
header .alert{border-radius:12px; max-width:780px; margin-left:auto; margin-right:auto;}

/* ---- Feature icons + stats ---- */
.fa-stack .fa-circle.text-primary{color:var(--su-primary);}
.fa-stack{transition:transform .18s ease;}
.fa-stack:hover{transform:translateY(-3px) scale(1.03);}
.service-heading{color:var(--su-ink);}
.display-counter{color:var(--su-primary); font-family:"Montserrat",sans-serif; font-weight:700;}

/* ---- Rates tables ---- */
.payout-rates table th,.advertising-rates table th{
  background-color:var(--su-navy); color:#fff; border-color:var(--su-navy);}
.payout-rates table,.advertising-rates table{border-color:var(--su-line);}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#f4f8fc;}

/* ---- Contact section ---- */
section#contact{background-color:var(--su-black);
  background-image:linear-gradient(170deg,var(--su-deep),var(--su-black));}
section#contact .form-control:focus{border-color:var(--su-primary);
  box-shadow:0 0 0 3px rgba(127,178,240,.35);}

/* ---- Footer ---- */
footer{background-color:var(--su-black); color:#a9bcd4;
  border-top:3px solid var(--su-primary); padding:34px 0;}
footer a{color:#d7e3f2;}
footer a:hover{color:var(--su-accent);}
footer span.copyright,footer ul.quicklinks{color:#a9bcd4;}
ul.social-buttons li a{background-color:var(--su-navy);}
ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{
  background-color:var(--su-primary);}

/* ---- Cookie bar ---- */
#cookie-pop{background-color:var(--su-deep); border-top:1px solid rgba(127,178,240,.25);}

/* ---- Small screens ---- */
@media (max-width:767px){
  header .intro-text .intro-heading{letter-spacing:-.5px;}
  .shorten #shorten input{font-size:16px;}
  section h2.section-heading{font-size:30px;}
}

/* ============================================================
   SHORTUN CLASSIC v7 — shorten form + footer redesign
   (appended 2026-10-27, on top of v6)
   ============================================================ */

/* ---- Shorten form: integrated pill, labelled CTA, focus glow ---- */
header.shorten form#shorten, .shorten #shorten{
  padding:8px; border-radius:18px;
  transition:box-shadow .25s ease;}
header.shorten form#shorten:focus-within, .shorten #shorten:focus-within{
  box-shadow:0 34px 70px rgba(0,0,0,.50), 0 0 0 5px rgba(127,178,240,.38);}
.shorten #shorten .form-group{margin-bottom:0;}
.shorten #shorten .input-group{display:flex; align-items:stretch; width:100%;}
.shorten #shorten .form-control{
  flex:1 1 auto; width:100%; background:transparent; box-shadow:none;
  border:none; font-size:16.5px; padding:10px 14px; height:auto; min-height:54px;}
.shorten #shorten input::placeholder{color:#8ca3be; font-weight:400; letter-spacing:.1px;}
.shorten #shorten .input-group-addon{
  display:flex; align-items:stretch; width:auto; padding:0; background:transparent;}
.shorten #shorten button.btn-captcha{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:54px; padding:0 26px; border-radius:12px !important;
  font-family:"Montserrat",sans-serif; font-weight:700; font-size:14.5px;
  letter-spacing:.6px; text-transform:uppercase; color:#fff;
  box-shadow:0 8px 18px rgba(10,46,85,.30), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .15s ease, box-shadow .15s ease, background-image .15s ease;}
.shorten #shorten button.btn-captcha:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(10,46,85,.36), inset 0 1px 0 rgba(255,255,255,.22);}
.shorten #shorten button.btn-captcha:active{transform:translateY(0);}
.shorten #shorten .fasubmit{padding:0; font-size:15px;}
@media (max-width:560px){
  .shorten #shorten .su-shorten-label{display:none;}
  .shorten #shorten button.btn-captcha{padding:0 18px;}
}

/* ---- Footer redesign ---- */
footer.su-footer{text-align:left; padding:0;}
.su-footer-main{padding:56px 0 40px;}
.su-footer-logo{height:36px; margin-bottom:16px;}
.su-footer-name{display:inline-block; font-family:"Montserrat",sans-serif;
  font-weight:700; font-size:26px; color:#fff; margin-bottom:16px;}
.su-footer-tag{color:#93a9c4; font-size:14.5px; line-height:1.65; max-width:350px; margin:0;}
.su-footer .social-buttons{margin-top:22px;}
.su-footer-col h5{color:#fff; font-family:"Montserrat",sans-serif; font-size:13px;
  font-weight:700; letter-spacing:1.6px; text-transform:uppercase; margin:8px 0 18px;}
.su-footer-links{list-style:none; padding:0; margin:0;}
.su-footer-links li{margin:0 0 11px; line-height:1.45;}
.su-footer-links a{color:#a9bcd4; font-size:14.5px;
  transition:color .15s ease, padding-left .15s ease;}
.su-footer-links a:hover,.su-footer-links a:focus{
  color:var(--su-accent); padding-left:4px; text-decoration:none;}
.su-footer-bottom{border-top:1px solid rgba(169,188,212,.16);
  padding:20px 0 28px; display:flex; justify-content:space-between;
  align-items:center; gap:10px 24px; flex-wrap:wrap;
  color:#7e93ac; font-size:13.5px;}
.su-footer-bottom .copyright{line-height:1.5; text-transform:none;}
.su-footer-author b{color:#c7d6e8; font-weight:600;}
@media (max-width:767px){
  .su-footer-main{padding:44px 0 28px;}
  .su-footer-col{margin-top:30px;}
  .su-footer-bottom{justify-content:flex-start;}
}

/* ============================================================
   SHORTUN CLASSIC v8 — stats section redesign (2026-10-27)
   ============================================================ */
.su-stats{background:linear-gradient(180deg,#f6f9fc 0%,#e7eef6 100%); padding:84px 0;}
.su-stats .section-subheading{margin-bottom:46px;}
.su-stat-card{
  background:#ffffff; border:1px solid #dfe8f2; border-radius:18px;
  padding:34px 22px 30px; height:100%;
  box-shadow:0 12px 30px rgba(10,46,85,.07);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.su-stat-card:hover{
  transform:translateY(-4px); border-color:#b9cfea;
  box-shadow:0 20px 40px rgba(10,46,85,.13);}
.su-stat-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:58px; height:58px; border-radius:16px; margin-bottom:18px;
  background:linear-gradient(160deg,#1565c0,#0a2e55); color:#ffffff;
  font-size:24px; box-shadow:0 10px 20px rgba(10,46,85,.28);}
.su-stats .display-counter{
  display:block; font-size:54px; line-height:1.05;
  font-family:"Montserrat",sans-serif; font-weight:700; color:var(--su-navy);
  background:linear-gradient(180deg,#1565c0,#0a2e55);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;}
.su-stat-label{
  display:block; margin-top:9px; font-family:"Montserrat",sans-serif;
  font-size:12.5px; font-weight:700; letter-spacing:1.8px;
  text-transform:uppercase; color:var(--su-muted);}
@media (max-width:767px){
  .su-stats{padding:64px 0;}
  .su-stat-card{margin-bottom:20px;}
}

/* ============================================================
   SHORTUN CLASSIC v9 — footer (reference layout) + result bar
   (appended 2026-10-27, on top of v7/v8)
   ============================================================ */

/* ---- Footer: black, gradient top line, 4 link columns ---- */
footer.su-footer{
  background-color:#020409; border-top:none; position:relative;}
footer.su-footer::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,#0a2e55 0%,#1565c0 45%,#7fb2f0 100%);}
.su-footer-main{padding:64px 0 44px;}
.su-footer-tag{max-width:340px;}
.su-footer-links a{color:#b9c9dd;}
.su-footer-links a:hover,.su-footer-links a:focus{color:#ffffff;}
.su-footer-bottom{padding:24px 0 30px;}
.su-footer-meta{display:inline-flex; align-items:center; gap:26px; flex-wrap:wrap;}
.su-status{display:inline-flex; align-items:center; gap:8px; color:#a9bcd4;}
.su-status-dot{
  width:9px; height:9px; border-radius:50%; background-color:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.18);
  animation:su-pulse 2.4s ease-in-out infinite;}
@keyframes su-pulse{
  0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.18);}
  50%{box-shadow:0 0 0 6px rgba(34,197,94,.07);}}

/* ---- Shortened-URL result bar ---- */
.add-link-result{margin-top:16px;}
.add-link-result .form-group{margin-bottom:0;}
.add-link-result .input-group{
  display:flex; align-items:stretch; width:100%;
  background:#ffffff; border:1px solid rgba(127,178,240,.35);
  border-radius:14px; padding:6px;
  box-shadow:0 18px 38px rgba(0,0,0,.32);}
.add-link-result .form-control{
  flex:1 1 auto; width:100%; border:none; background:transparent;
  box-shadow:none; font-size:16.5px; font-weight:600;
  color:var(--su-navy); height:auto; min-height:48px; padding:8px 12px;}
.add-link-result .form-control:focus{box-shadow:none;}
.add-link-result .input-group-addon{
  display:flex; align-items:center; justify-content:center;
  border:none; background:transparent; width:auto; padding:0;}
.add-link-result .input-group-addon.copy-it{
  background-image:linear-gradient(180deg,#1565c0,#0a2e55);
  color:#ffffff; border-radius:10px; padding:0 18px; cursor:pointer;
  font-family:"Montserrat",sans-serif; font-weight:700; font-size:13px;
  letter-spacing:.5px; text-transform:uppercase;
  box-shadow:0 6px 14px rgba(10,46,85,.30);
  transition:filter .15s ease, transform .15s ease;}
.add-link-result .input-group-addon.copy-it::after{content:"Copy"; margin-left:8px;}
.add-link-result .input-group-addon.copy-it:hover{filter:brightness(1.15);}
.add-link-result .input-group-addon.copy-it:active{transform:translateY(1px);}
.add-link-result .input-group-addon.reshort{
  background:#eaf1f9; color:var(--su-navy); border-radius:10px;
  padding:0 15px; margin-left:6px; cursor:pointer;
  transition:background-color .15s ease;}
.add-link-result .input-group-addon.reshort:hover{background:#d8e6f5;}
@media (max-width:560px){
  .add-link-result .input-group-addon.copy-it::after{display:none;}
  .add-link-result .input-group-addon.copy-it{padding:0 14px;}
  .add-link-result .form-control{font-size:15px;}
}

/* ============================================================
   SHORTUN CLASSIC v10 — hero/content wave divider (2026-10-27)
   ============================================================ */
header{position:relative;}
.su-wave{
  position:absolute; left:0; right:0; bottom:-1px; z-index:1;
  line-height:0; pointer-events:none;}
.su-wave svg{width:100%; height:88px; display:block;}
.su-wave .su-wave-back{fill:rgba(255,255,255,.32);}
.su-wave .su-wave-front{fill:#ffffff;}
body.inner-page .su-wave svg{height:54px;}
@media (max-width:767px){
  .su-wave svg{height:56px;}
  body.inner-page .su-wave svg{height:40px;}
}

/* ============================================================
   SHORTUN CLASSIC v11 — FAQ section (2026-10-27)
   ============================================================ */
.su-faq{
  background:linear-gradient(170deg,var(--su-deep),var(--su-black));
  padding:100px 0;}
.su-faq .section-heading{color:#ffffff;}
.su-faq .section-subheading{color:#93a9c4; margin-bottom:56px;}
.su-faq-group{margin-bottom:0;}
.su-faq-item{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(127,178,240,.22) !important;
  border-radius:14px !important; margin-bottom:12px;
  overflow:hidden; box-shadow:none;}
.su-faq-item .panel-heading{background:transparent; padding:0; border:none;}
.su-faq-item .panel-title{
  font-family:"Inter",sans-serif; text-transform:none; letter-spacing:0;}
.su-faq-item .panel-title a{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:18px 22px; color:#ffffff; font-weight:600; font-size:16.5px;
  text-decoration:none;}
.su-faq-item .panel-title a .fa{
  color:var(--su-accent); font-size:13px; flex:0 0 auto;
  transition:transform .25s ease;}
.su-faq-item .panel-title a[aria-expanded="true"] .fa{transform:rotate(180deg);}
.su-faq-item .panel-body{
  border-top:1px solid rgba(127,178,240,.16) !important;
  color:#c3d2e4; font-size:15px; line-height:1.7; padding:18px 22px;}
.su-faq-item .panel-body a{color:var(--su-accent); font-weight:600;}
.su-faq-more{text-align:center; color:#93a9c4; margin:26px 0 0; font-size:15px;}
.su-faq-more a{color:var(--su-accent); font-weight:600;}
@media (max-width:767px){ .su-faq{padding:70px 0;} }

/* ============================================================
   SHORTUN CLASSIC v12 — FAQ wide two-column design (2026-10-27)
   ============================================================ */
.su-eyebrow{
  display:inline-block; padding:6px 16px; margin-bottom:18px;
  border:1px solid rgba(127,178,240,.45); border-radius:999px;
  color:var(--su-accent); font-family:"Montserrat",sans-serif;
  font-size:12px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase;}
.su-faq-row{margin-bottom:6px;}
.su-faq-item{
  background:rgba(255,255,255,.055);
  transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease;}
.su-faq-item:hover{border-color:rgba(127,178,240,.5) !important;}
.su-faq-item .panel-title a{padding:20px 22px; gap:14px;}
.su-faq-qicon{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:11px; flex:0 0 auto;
  background:linear-gradient(160deg,#1565c0,#0a2e55); color:#fff;
  font-size:17px; box-shadow:0 6px 14px rgba(10,46,85,.35);}
.su-faq-qtext{flex:1 1 auto; text-align:left;}
.su-faq-chev{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%; flex:0 0 auto;
  background:rgba(127,178,240,.14);}
.su-faq-item .panel-title a .fa-chevron-down{
  color:var(--su-accent); font-size:12px; transition:transform .25s ease;}
.su-faq-item .panel-title a[aria-expanded="true"] .fa-chevron-down{transform:rotate(180deg);}
.su-faq-item:has(.collapse.in){
  border-color:rgba(127,178,240,.55) !important;
  background:rgba(255,255,255,.07);
  box-shadow:0 16px 34px rgba(0,0,0,.28);}
@media (max-width:991px){
  .su-faq-item{margin-bottom:14px;}
}

/* ============================================================
   SHORTUN CLASSIC v13 — publisher tools hub (2026-10-27)
   ============================================================ */
.su-tools-lead{font-size:17px; color:var(--su-muted); line-height:1.65; max-width:760px;}
.su-tools-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:30px 0 8px;}
.su-tool-card{
  display:flex; flex-direction:column; background:#ffffff;
  border:1px solid #dfe8f2; border-radius:18px; padding:28px 26px;
  box-shadow:0 10px 26px rgba(10,46,85,.06); text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.su-tool-card:hover{
  transform:translateY(-4px); border-color:#b9cfea;
  box-shadow:0 20px 40px rgba(10,46,85,.13);}
.su-tool-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:54px; height:54px; border-radius:14px; margin-bottom:18px;
  background:linear-gradient(160deg,#1565c0,#0a2e55); color:#fff;
  font-size:23px; box-shadow:0 9px 18px rgba(10,46,85,.26);}
.su-tool-card h3{
  margin:0 0 9px; font-size:18.5px; color:var(--su-ink);
  text-transform:none; letter-spacing:-.2px;}
.su-tool-card p{font-size:14.5px; line-height:1.65; color:var(--su-muted); margin:0 0 14px; flex:1;}
.su-tool-meta{
  display:block; font-size:12px; font-weight:700; letter-spacing:1.2px;
  text-transform:uppercase; color:#8ca3be; margin-bottom:14px;}
.su-tool-cta{
  font-family:"Montserrat",sans-serif; font-weight:700; font-size:13.5px;
  letter-spacing:.4px; color:var(--su-primary);}
.su-tool-cta .fa{transition:transform .18s ease; margin-left:4px;}
.su-tool-card:hover .su-tool-cta .fa{transform:translateX(4px);}
.su-tools-strip-title{margin:38px 0 16px; font-size:20px; color:var(--su-ink); text-transform:none;}
.su-tools-strip{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.su-tool-mini{
  display:flex; align-items:center; gap:14px; background:#f2f7fd;
  border:1px solid #dfe8f2; border-radius:14px; padding:16px 18px;
  text-decoration:none !important;
  transition:border-color .18s ease, background-color .18s ease;}
.su-tool-mini:hover{border-color:#b9cfea; background:#eaf2fa;}
.su-tool-mini-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:11px; flex:0 0 auto;
  background:#ffffff; border:1px solid #d7e3f0; color:var(--su-primary); font-size:18px;}
.su-tool-mini strong{display:block; color:var(--su-ink); font-size:15px; line-height:1.3;}
.su-tool-mini small{display:block; color:var(--su-muted); font-size:12.5px; line-height:1.45; margin-top:2px;}
.su-tools-note{margin-top:28px; font-size:15px; color:var(--su-muted);}
@media (max-width:991px){ .su-tools-grid{grid-template-columns:repeat(2,1fr);} .su-tools-strip{grid-template-columns:1fr;} }
@media (max-width:640px){ .su-tools-grid{grid-template-columns:1fr;} }

/* ============================================================
   SHORTUN CLASSIC v14 — earnings calculator (2026-10-27)
   ============================================================ */
.su-calc-lead{font-size:17px; color:var(--su-muted); line-height:1.65; max-width:820px;}
.su-calc{
  display:grid; grid-template-columns:1.05fr .95fr; gap:0;
  background:#ffffff; border:1px solid #dfe8f2; border-radius:22px;
  overflow:hidden; box-shadow:0 24px 50px rgba(10,46,85,.10);
  max-width:1020px; margin:30px 0 8px;}
.su-calc-controls{padding:34px 36px;}
.su-calc-group{margin-bottom:30px;}
.su-calc-group:last-child{margin-bottom:0;}
.su-calc-label{
  display:flex; justify-content:space-between; align-items:baseline; gap:12px;
  font-family:"Montserrat",sans-serif; font-weight:700; font-size:13px;
  letter-spacing:1.1px; text-transform:uppercase; color:var(--su-ink); margin-bottom:14px;}
.su-calc-views{font-size:22px; letter-spacing:0; color:var(--su-primary); font-weight:700;}
.su-geo-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.su-geo{position:relative; margin:0; cursor:pointer;}
.su-geo input{position:absolute; opacity:0; pointer-events:none;}
.su-geo span{
  display:block; border:1.5px solid #d7e3f0; border-radius:13px;
  padding:12px 14px 11px 38px; position:relative;
  transition:border-color .15s ease, background-color .15s ease, box-shadow .15s ease;}
.su-geo span::before{
  content:""; position:absolute; left:13px; top:50%; margin-top:-7px;
  width:14px; height:14px; border-radius:50%;
  border:2px solid #b9c9dd; background:#fff; transition:all .15s ease;}
.su-geo span b{display:block; font-size:15px; color:var(--su-ink); line-height:1.25;}
.su-geo span small{display:block; font-size:12.5px; color:var(--su-muted); margin-top:2px;}
.su-geo:hover span{border-color:#9dbfdd;}
.su-geo input:checked + span{
  border-color:var(--su-primary); background:#eef5fd;
  box-shadow:0 6px 16px rgba(13,71,161,.12);}
.su-geo input:checked + span::before{border-color:var(--su-primary); background:var(--su-primary);
  box-shadow:inset 0 0 0 2.5px #ffffff;}
.su-geo input:focus-visible + span{outline:2px solid var(--su-accent); outline-offset:2px;}
.su-geo-wide{grid-column:1 / -1;}
#calcViews{
  -webkit-appearance:none; appearance:none; width:100%; height:8px;
  border-radius:99px; background:#d7e3f0; outline-offset:4px; cursor:pointer;}
#calcViews::-webkit-slider-thumb{
  -webkit-appearance:none; width:24px; height:24px; border-radius:50%;
  background:var(--su-primary); border:3.5px solid #ffffff;
  box-shadow:0 4px 12px rgba(10,46,85,.35); cursor:grab;}
#calcViews::-moz-range-thumb{
  width:22px; height:22px; border-radius:50%;
  background:var(--su-primary); border:3.5px solid #ffffff;
  box-shadow:0 4px 12px rgba(10,46,85,.35); cursor:grab;}
.su-calc-chips{display:flex; gap:8px; flex-wrap:wrap; margin-top:14px;}
.su-calc-chips button{
  border:1.5px solid #d7e3f0; background:#ffffff; color:var(--su-muted);
  font-family:"Montserrat",sans-serif; font-weight:700; font-size:12.5px;
  padding:6px 14px; border-radius:999px; cursor:pointer;
  transition:all .15s ease;}
.su-calc-chips button:hover{border-color:#9dbfdd; color:var(--su-ink);}
.su-calc-chips button.active{
  background:var(--su-navy); border-color:var(--su-navy); color:#ffffff;}
.su-calc-results{
  background:linear-gradient(165deg,#0a3565 0%,var(--su-deep) 60%,var(--su-black) 100%);
  color:#ffffff; padding:38px 38px 34px; display:flex; flex-direction:column;}
.su-calc-rlabel{
  font-family:"Montserrat",sans-serif; font-size:12.5px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase; color:var(--su-accent);}
.su-calc-day{
  font-family:"Montserrat",sans-serif; font-weight:700; font-size:56px;
  line-height:1.05; margin:12px 0 4px; letter-spacing:-1px;}
.su-calc-day small{
  display:block; font-size:14px; font-weight:600; letter-spacing:1.4px;
  text-transform:uppercase; color:#9db8d8; margin-top:6px;}
.su-calc-sub{
  display:grid; grid-template-columns:1fr 1fr; gap:14px;
  margin:24px 0 6px; padding-top:22px; border-top:1px solid rgba(127,178,240,.25);}
.su-calc-sub b{
  display:block; font-family:"Montserrat",sans-serif; font-size:23px; font-weight:700;}
.su-calc-sub small{
  font-size:12px; font-weight:600; letter-spacing:1.2px;
  text-transform:uppercase; color:#9db8d8;}
.su-calc-rate{color:#b9cfe8; font-size:13.5px; margin:12px 0 24px; line-height:1.55;}
.su-calc-cta{
  margin-top:auto; display:block; text-align:center;
  background:#ffffff; color:var(--su-navy) !important;
  font-family:"Montserrat",sans-serif; font-weight:700; font-size:15px;
  letter-spacing:.3px; padding:15px 20px; border-radius:12px;
  text-decoration:none !important; box-shadow:0 14px 28px rgba(0,0,0,.30);
  transition:transform .15s ease, box-shadow .15s ease;}
.su-calc-cta:hover{transform:translateY(-2px); box-shadow:0 18px 34px rgba(0,0,0,.36);}
.su-calc-note{font-size:13.5px; color:#7d92a9; line-height:1.65; max-width:1020px;}
@media (max-width:860px){
  .su-calc{grid-template-columns:1fr;}
  .su-calc-day{font-size:46px;}
}
@media (max-width:520px){
  .su-geo-grid{grid-template-columns:1fr;}
  .su-calc-controls{padding:26px 22px;}
  .su-calc-results{padding:30px 24px;}
}

/* ============================================================
   SHORTUN CLASSIC v15 — typography weight system (2026-10-27)
   Fixes thin-looking text site-wide: full Montserrat now loads,
   base text sits at medium weight, serif italics retired.
   ============================================================ */
body{
  font-weight:500;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;}
h1,h2,h3,h4,h5,h6{font-weight:800;}
p,li,td,.panel-body{font-weight:500;}
.text-muted{color:#54687e !important; font-weight:500;}
section h3.section-subheading,
header .intro-text .intro-lead-in{
  font-family:"Inter",sans-serif !important;
  font-style:normal !important; font-weight:500;
  font-size:17px; color:#54687e;}
header .intro-text .intro-heading{
  font-family:"Montserrat",sans-serif !important; font-weight:800;}
.navbar-custom .nav li a{font-weight:700;}
.btn{font-weight:700;}
section h2.section-heading{font-weight:800; letter-spacing:-.5px;}
.su-faq-item .panel-body,
.su-tool-card p,
.su-calc-lead,
.su-calc-note,
#footer p, #footer li, footer p, footer li{font-weight:500;}
.su-stat-label,.su-calc-label,.su-tool-meta{font-weight:700;}
.form-control{font-weight:500;}
.form-control::placeholder{font-weight:400; color:#8496ab;}

/* ============================================================
   SHORTUN CLASSIC v16 — intersection redesign (2026-10-27)
   Solid flowing curve + gradient edge line; the muddy
   translucent layer is gone.
   ============================================================ */
.su-wave svg{filter:drop-shadow(0 -5px 9px rgba(4,24,47,.16));}

/* ============================================================
   SHORTUN CLASSIC v17 — subtle hero background motion (2026-10-27)
   Two soft glows drift slowly + a gentle gradient pan.
   Transform/opacity only; off for reduced-motion users.
   ============================================================ */
header{overflow:hidden;}
header::before,
header::after{
  content:""; position:absolute; border-radius:50%;
  pointer-events:none; z-index:0;}
header::before{
  width:560px; height:560px; top:-190px; right:-120px;
  background:radial-gradient(closest-side, rgba(21,101,192,.34), rgba(21,101,192,0) 72%);
  animation:su-drift-a 24s ease-in-out infinite alternate;}
header::after{
  width:640px; height:640px; bottom:-260px; left:-160px;
  background:radial-gradient(closest-side, rgba(13,71,161,.30), rgba(13,71,161,0) 72%);
  animation:su-drift-b 30s ease-in-out infinite alternate;}
header .intro-text{position:relative; z-index:2;}
header .su-wave{z-index:1;}
@keyframes su-drift-a{
  from{transform:translate(0,0) scale(1);}
  to{transform:translate(-90px,60px) scale(1.14);}}
@keyframes su-drift-b{
  from{transform:translate(0,0) scale(1.05);}
  to{transform:translate(110px,-55px) scale(.94);}}
@media (prefers-reduced-motion: reduce){
  header::before, header::after{animation:none;}
}


/* ============================================================
   SHORTUN CLASSIC v18 — starfield dots (2026-10-27)
   Two box-shadow star layers replace the glow orbs:
   slow twinkle + a barely-there upward drift.
   ============================================================ */
header::before{
  width:2px; height:2px; top:64px; left:5%; right:auto; bottom:auto;
  background:rgba(255,255,255,.95);
  box-shadow:1309px 114px 0 0 rgba(255,255,255,.9),
    1518px 281px 0 0 rgba(255,255,255,.9),
    457px 142px 0 0 rgba(255,255,255,.9),
    1385px 558px 0 0 rgba(255,255,255,.9),
    1209px 432px 0 0 rgba(255,255,255,.9),
    61px 95px 0 0 rgba(255,255,255,.9),
    476px 517px 0 0 rgba(255,255,255,.9),
    1149px 203px 0 0 rgba(127,178,240,.85),
    451px 459px 0 0 rgba(255,255,255,.55),
    1657px 6px 0 0 rgba(255,255,255,.9),
    1429px 432px 0 0 rgba(255,255,255,.55),
    569px 159px 0 0 rgba(255,255,255,.9),
    1563px 344px 0 0 rgba(255,255,255,.9),
    189px 389px 0 0 rgba(255,255,255,.9),
    735px 352px 0 0 rgba(255,255,255,.55),
    1652px 44px 0 0 rgba(127,178,240,.85),
    1098px 127px 0 0 rgba(127,178,240,.85),
    161px 300px 0 0 rgba(255,255,255,.55),
    1182px 196px 0 0 rgba(255,255,255,.9),
    93px 233px 0 0 rgba(255,255,255,.55),
    163px 238px 0 0 rgba(255,255,255,.9),
    778px 284px 0 0 rgba(127,178,240,.85),
    1301px 373px 0 0 rgba(255,255,255,.9),
    758px 363px 0 0 rgba(255,255,255,.9),
    1372px 273px 0 0 rgba(255,255,255,.9),
    1247px 175px 0 0 rgba(255,255,255,.9),
    334px 473px 0 0 rgba(127,178,240,.85),
    552px 224px 0 0 rgba(255,255,255,.55),
    1726px 57px 0 0 rgba(255,255,255,.9),
    1683px 32px 0 0 rgba(255,255,255,.55),
    821px 274px 0 0 rgba(255,255,255,.9),
    432px 322px 0 0 rgba(255,255,255,.9),
    1342px 511px 0 0 rgba(127,178,240,.85),
    1316px 469px 0 0 rgba(255,255,255,.9),
    542px 142px 0 0 rgba(255,255,255,.9),
    1525px 551px 0 0 rgba(255,255,255,.55),
    1529px 438px 0 0 rgba(127,178,240,.85),
    741px 224px 0 0 rgba(255,255,255,.9),
    1043px 505px 0 0 rgba(255,255,255,.9),
    1547px 48px 0 0 rgba(255,255,255,.9),
    313px 163px 0 0 rgba(127,178,240,.85),
    1221px 65px 0 0 rgba(127,178,240,.85),
    781px 479px 0 0 rgba(255,255,255,.55),
    1133px 11px 0 0 rgba(255,255,255,.9),
    1396px 549px 0 0 rgba(255,255,255,.55),
    1574px 348px 0 0 rgba(255,255,255,.9),
    601px 445px 0 0 rgba(255,255,255,.9),
    929px 3px 0 0 rgba(255,255,255,.55),
    1025px 182px 0 0 rgba(255,255,255,.9),
    1280px 305px 0 0 rgba(255,255,255,.9),
    313px 382px 0 0 rgba(255,255,255,.9),
    1104px 543px 0 0 rgba(255,255,255,.9),
    1226px 331px 0 0 rgba(127,178,240,.85),
    39px 114px 0 0 rgba(255,255,255,.55),
    1703px 314px 0 0 rgba(255,255,255,.9);
  animation:su-twinkle-a 4.6s ease-in-out infinite, su-star-drift 80s linear infinite alternate;}
header::after{
  width:2px; height:2px; top:150px; left:11%; right:auto; bottom:auto;
  background:rgba(255,255,255,.7);
  box-shadow:118px 246px 0 0 rgba(127,178,240,.85),
    161px 87px 0 0 rgba(127,178,240,.85),
    995px 70px 0 0 rgba(127,178,240,.85),
    1568px 128px 0 0 rgba(255,255,255,.55),
    1351px 486px 0 0 rgba(127,178,240,.85),
    338px 271px 0 0 rgba(127,178,240,.85),
    1242px 433px 0 0 rgba(255,255,255,.55),
    1104px 205px 0 0 rgba(127,178,240,.85),
    638px 408px 0 0 rgba(127,178,240,.85),
    1330px 382px 0 0 rgba(255,255,255,.9),
    1059px 462px 0 0 rgba(255,255,255,.55),
    507px 230px 0 0 rgba(255,255,255,.55),
    692px 21px 0 0 rgba(127,178,240,.85),
    1134px 235px 0 0 rgba(127,178,240,.85),
    451px 7px 0 0 rgba(255,255,255,.55),
    1449px 60px 0 0 rgba(255,255,255,.55),
    138px 32px 0 0 rgba(255,255,255,.9),
    145px 526px 0 0 rgba(255,255,255,.55),
    570px 497px 0 0 rgba(255,255,255,.55),
    1104px 135px 0 0 rgba(127,178,240,.85),
    1169px 484px 0 0 rgba(255,255,255,.55),
    1606px 484px 0 0 rgba(255,255,255,.9),
    389px 96px 0 0 rgba(255,255,255,.55),
    1349px 441px 0 0 rgba(255,255,255,.9),
    867px 420px 0 0 rgba(255,255,255,.9),
    1493px 55px 0 0 rgba(127,178,240,.85),
    1338px 100px 0 0 rgba(255,255,255,.55),
    824px 347px 0 0 rgba(255,255,255,.55),
    509px 196px 0 0 rgba(255,255,255,.55),
    1098px 459px 0 0 rgba(255,255,255,.55),
    864px 187px 0 0 rgba(255,255,255,.9),
    947px 255px 0 0 rgba(255,255,255,.55),
    907px 100px 0 0 rgba(255,255,255,.55),
    1335px 15px 0 0 rgba(255,255,255,.55),
    1543px 242px 0 0 rgba(255,255,255,.55),
    832px 497px 0 0 rgba(255,255,255,.9),
    437px 410px 0 0 rgba(255,255,255,.55),
    337px 388px 0 0 rgba(255,255,255,.55),
    799px 271px 0 0 rgba(255,255,255,.9),
    584px 433px 0 0 rgba(127,178,240,.85),
    1496px 498px 0 0 rgba(255,255,255,.55),
    388px 303px 0 0 rgba(255,255,255,.55),
    119px 62px 0 0 rgba(127,178,240,.85),
    642px 58px 0 0 rgba(255,255,255,.55),
    1196px 488px 0 0 rgba(127,178,240,.85);
  animation:su-twinkle-b 6.8s ease-in-out infinite, su-star-drift 110s linear infinite alternate;}
@keyframes su-twinkle-a{ 0%,100%{opacity:.55;} 50%{opacity:1;} }
@keyframes su-twinkle-b{ 0%,100%{opacity:.9;} 50%{opacity:.45;} }
@keyframes su-star-drift{ from{transform:translateY(0);} to{transform:translateY(-16px);} }