@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
/* AniTheme: modern front theme for AdLinkFly. Loaded after the base Bootstrap bundle. */
:root{--acc:#ff4d8d;--acc2:#ff9a6c;--ink:#0f172a;--mut:#64748b;--line:#e2e8f0;--bg:#f6f7fc;--dk1:#0a0d1f;--dk2:#141a45}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:'Inter','Muli',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
h1,h2,h3,h4{font-family:inherit;letter-spacing:-.01em}
a{color:var(--acc)}

/* navbar */
#mainNav.navbar{background:rgba(11,16,32,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none;padding:6px 0;transition:background .2s}
#mainNav .navbar-brand{color:#fff;font-weight:800;font-size:1.4rem;height:auto;padding:12px 15px}
#mainNav .navbar-brand img{max-height:38px;width:auto}
#mainNav .navbar-nav>li>a{color:#e2e8f0;font-weight:600;font-size:.92rem;padding:12px 14px;border-radius:10px;transition:background .15s,color .15s}
#mainNav .navbar-nav>li>a:hover,#mainNav .navbar-nav>li.active>a{background:rgba(255,255,255,.1);color:#fff}
#mainNav .navbar-nav>li:last-child>a{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;margin-left:6px}
#mainNav .navbar-toggle{border-color:rgba(255,255,255,.3);border-radius:10px}
#mainNav .navbar-toggle .icon-bar{background:#fff}
@media(max-width:767px){#mainNav .navbar-collapse{background:rgba(11,16,32,.96);border:0;padding:6px 10px 12px}}

/* hero */
header.ani-hero{background:radial-gradient(900px 480px at 50% -10%,#ff4d8d 0%,transparent 60%),linear-gradient(160deg,var(--dk1),var(--dk2));
  color:#fff;padding:150px 0 90px;text-align:center;min-height:0;border:0}
header.ani-hero .intro-text{padding:0}
.ani-pill{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:.8rem;font-weight:600;color:#ffd0e1;margin-bottom:18px}
.ani-h1{margin:0 0 14px;font-size:3.2rem;font-weight:800;line-height:1.1;color:#fff}
.ani-h1 .intro-lead-in,.ani-h1 .intro-heading{display:block;font-size:inherit;font-style:normal;margin:0;color:#fff;font-weight:800;text-transform:none}
.ani-grad{background:linear-gradient(90deg,#ffb3cf,#ffc9a8);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.ani-lead{max-width:620px;margin:0 auto 28px;color:#cbd5e1;font-size:1.1rem;line-height:1.6}
.ani-chips{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ani-chips li{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#ffe4ee;font-size:.82rem;font-weight:600}
.ani-chips li:before{content:"\2713";margin-right:6px;color:#86efac}
.ani-cta{border:0;border-radius:14px;background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 10px 28px rgba(255,77,141,.45);font-weight:700;padding:14px 30px}

/* shorten form */
.ani-shorten{margin:0}
.ani-shorten .form-group{display:flex;gap:0;align-items:stretch;width:100%;margin:0;background:#fff;border-radius:16px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.ani-shorten .form-control{flex:1;min-width:0;width:auto;height:54px;border:0;box-shadow:none;background:transparent;color:var(--ink);font-size:1rem;padding:0 16px;border-radius:12px}
.ani-shorten .form-control:focus{outline:0;box-shadow:none}
.ani-shorten .btn-captcha{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:0 24px;min-height:54px;font-weight:700;font-size:1rem;color:#fff;
  background:linear-gradient(135deg,var(--acc),var(--acc2));cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}
.ani-shorten .btn-captcha:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,77,141,.5)}
.ani-shorten .btn-captcha[disabled]{opacity:.6;cursor:wait}
.add-link-result{margin-top:16px;text-align:left}
.add-link-result .alert,.add-link-result .input-group{border-radius:14px}
.add-link-result .form-control{border-radius:12px 0 0 12px;height:48px}
.add-link-result .btn{border-radius:0 12px 12px 0}

/* sections */
.ani-sec{padding:84px 0;background:#fff}
.ani-sec.ani-alt{background:var(--bg)}
.section-title{margin-bottom:44px}
.section-title .section-subheading{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0 0 8px;font-style:normal}
.section-title .section-heading{font-size:2.2rem;font-weight:800;margin:0;color:var(--ink);text-transform:none}
.section-title .section-heading b{background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ani-row>[class*=col-]{margin-bottom:24px}
.ani-grid{display:flex;flex-wrap:wrap}
.ani-grid>[class*=col-]{display:flex}
.ani-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 24px;width:100%;text-align:left;
  box-shadow:0 2px 14px rgba(15,23,42,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
.ani-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(255,77,141,.14);border-color:#ffd0e1}
.ani-card h4{font-size:1.1rem;font-weight:700;margin:14px 0 8px;color:var(--ink)}
.ani-card p{color:var(--mut);line-height:1.65;margin:0;font-size:.95rem}
.ani-ico{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#fff1f6,#fff7ed);color:var(--acc)}
.ani-step{text-align:center}
.ani-step .ani-ico{margin:0 auto}
.ani-num{position:absolute;top:14px;right:16px;font-size:2.4rem;font-weight:800;color:#fff1f6;line-height:1}

/* stats */
.ani-stats{background:linear-gradient(160deg,var(--dk1),var(--dk2));padding:64px 0;border:0}
.ani-stats .stat{padding:10px}
.ani-stats .ani-ico{margin:0 auto 12px;background:rgba(255,255,255,.1);color:#ffd0e1}
.ani-stats .stat-num{font-size:2.6rem;font-weight:800;color:#fff;line-height:1.1}
.ani-stats .stat-text{color:#ffb3cf;font-weight:600;margin-top:4px}

/* testimonials */
#testimonials{padding:84px 0;background:#fff}
.testimonial .content{background:var(--bg);border-radius:18px;padding:22px;color:#334155}
.testimonial .testimonial-image img{border-radius:50%;width:54px;height:54px;object-fit:cover}

/* contact + generic forms */
.form-control{border-radius:12px;border:1px solid #d1d5db;box-shadow:none;height:46px}
textarea.form-control{height:auto;min-height:120px}
.form-control:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,77,141,.15)}
.btn{border-radius:12px;font-weight:700}
.btn-primary,.btn-contact,.btn-success{border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 6px 18px rgba(255,77,141,.3)}
.btn-primary:hover,.btn-contact:hover,.btn-success:hover,.btn-primary:focus{background:linear-gradient(135deg,#e11d6a,#ff7a59);color:#fff}

/* inner pages (blog, rates, static) */
body.inner-page header{background:radial-gradient(900px 400px at 50% -20%,#ff4d8d 0%,transparent 60%),linear-gradient(160deg,var(--dk1),var(--dk2));padding:120px 0 50px;color:#fff;min-height:0;text-align:center}
body.inner-page header .intro-lead-in{font-size:2.2rem;font-weight:800;color:#fff;margin:0;font-style:normal;text-transform:none}
body.inner-page section{padding:48px 0}
.panel,.well{border-radius:16px;border:1px solid var(--line);box-shadow:none}
.table>thead>tr>th{border-bottom:2px solid var(--line);color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}

/* footer */
footer{background:var(--dk1);color:#94a3b8;border:0}
footer a{color:#ffb3cf}
footer .copyright-container{background:transparent;padding:22px 0}
footer .social-links a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);color:#e2e8f0}
footer .list-inline>li>a:hover{color:#fff}

@media(max-width:767px){
  header.ani-hero{padding:110px 0 60px}
  .ani-h1{font-size:2.2rem}
  .ani-lead{font-size:1rem}
  .ani-shorten .form-group{flex-direction:column;padding:8px;gap:6px}
  .ani-shorten .form-control{height:50px;width:100%;text-align:center}
  .ani-shorten .btn-captcha{justify-content:center;width:100%}
  .ani-sec{padding:56px 0}
  .section-title .section-heading{font-size:1.7rem}
  .ani-grid{display:block}
}
@media(prefers-reduced-motion:reduce){.ani-card,.ani-shorten .btn-captcha{transition:none}html{scroll-behavior:auto}}

/* Sakura Night: animated hero glow + gradient top rule */
header.ani-hero{position:relative;overflow:hidden}
header.ani-hero::before,header.ani-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;animation:aniDrift 16s ease-in-out infinite alternate}
header.ani-hero::before{width:520px;height:520px;left:-140px;top:-160px;background:radial-gradient(circle,#ff4d8d,transparent 65%)}
header.ani-hero::after{width:460px;height:460px;right:-120px;bottom:-200px;background:radial-gradient(circle,#22d3ee,transparent 65%);animation-delay:-6s}
header.ani-hero .container{position:relative;z-index:1}
@keyframes aniDrift{to{transform:translate3d(60px,30px,0) scale(1.18)}}
.ani-h1{font-family:'Sora','Inter',sans-serif}
.ani-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#ff4d8d,#ff9a6c,#22d3ee);opacity:0;transition:opacity .25s}
.ani-card:hover::before{opacity:1}
.ani-shorten .btn-captcha{background-size:200% 100%;animation:aniShift 5s ease-in-out infinite alternate}
@keyframes aniShift{to{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){header.ani-hero::before,header.ani-hero::after,.ani-shorten .btn-captcha{animation:none}}

/* aniMobileFit: blog / page content fits the phone */
.blog-content,.page-content,.post-content,#services .container{max-width:100%;overflow-wrap:anywhere}
.blog-content img,.page-content img,.post-content img,.blog-content iframe,.page-content iframe,.post-content iframe{max-width:100%;height:auto}
.blog-content table,.page-content table,.post-content table{display:block;max-width:100%;overflow-x:auto}
.blog-content pre,.page-content pre,.post-content pre{white-space:pre-wrap;word-break:break-word}
.blog-content div,.page-content div,.post-content div{min-width:0!important}
@media(max-width:767px){body.inner-page section{padding:32px 0}.container{padding-left:16px;padding-right:16px}}