/* Fileport.io Theme — Three-Tone Blue + Chinese Font */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap');
:root{--fp-light:#0c263a;--fp-mid:#091b28;--fp-dark:#06131d;--fp-green:#286932;--fp-green-h:#1f5428;--fp-blue:#1d64a0;--fp-red:#d1303c;--fp-text:#e8eaed;--fp-dim:#9aa0a6;--fp-muted:#5f6368;--fp-border:rgba(255,255,255,0.08);--fp-card:#0e2236}
html,body{background:var(--fp-dark)!important;color:var(--fp-text)!important;font-family:'Noto Sans SC','HarmonyOS Sans SC','PingFang SC','Microsoft YaHei',sans-serif!important}

/* NAV */
.nav-container,.navbar,nav.navbar{background:var(--fp-light)!important;border:none!important;box-shadow:none!important}
.navbar .nav-link{color:var(--fp-dim)!important;font-size:15px;padding:8px 14px!important;border-radius:6px!important;transition:color .15s,background .15s!important}
.navbar .nav-link:hover{color:#fff!important;background:transparent!important}
.navbar .nav-link.active{color:#fff!important}

/* btn-header: language icon + user icon — same size, no frame change on hover */
.btn-header,.btn-header:hover,.btn-header:focus,.btn-header:active{color:var(--fp-dim)!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;font-size:20px!important;padding:.5rem 1rem!important;border-radius:50%!important}
.btn-header:hover{color:#fff!important}

/* Login/signup buttons */

/* Nav link hover: transparent oval pill */
.navbar-nav .nav-link{color:var(--fp-dim)!important;position:relative!important;transition:color .15s!important}
.navbar-nav .nav-link:hover{color:#fff!important}
.navbar-nav .nav-link::after{background-color:transparent!important;border:1px solid transparent!important;border-radius:2rem!important;transition:all .2s!important}
.navbar-nav .nav-link:hover::after{background-color:rgba(255,255,255,0.08)!important;border-color:rgba(255,255,255,0.15)!important;opacity:1!important}
.navbar-nav .nav-link.active::after{background-color:rgba(255,255,255,0.06)!important;border-color:rgba(255,255,255,0.1)!important;opacity:1!important}
/* All dropdown items - transparent hover */
.dropdown-menu .dropdown-item:hover{background:rgba(255,255,255,0.08)!important;border-radius:.5rem!important;color:#fff!important}
.btn-nav-auth{font-size:14px!important;padding:7px 18px!important;border-radius:6px!important;font-weight:500!important;transition:all .15s!important;text-decoration:none!important}
.btn-nav-login{background:transparent!important;border:1px solid rgba(255,255,255,0.2)!important;color:var(--fp-dim)!important}
.btn-nav-login:hover{background:rgba(255,255,255,0.1)!important;border-color:rgba(255,255,255,0.25)!important;color:#fff!important}
.btn-nav-signup{background:transparent!important;border:1px solid rgba(255,255,255,0.25)!important;color:#fff!important}
.btn-nav-signup:hover{background:rgba(255,255,255,0.1)!important;border-color:rgba(255,255,255,0.25)!important;color:#fff!important}

/* Dropdown menus: solid bg */
.dropdown-menu{background:var(--fp-light)!important;border:1px solid var(--fp-border)!important}
.dropdown-item{color:var(--fp-text)!important;transition:all .15s!important}
.dropdown-item:hover,.dropdown-item.active,.dropdown-item:focus{background:var(--fp-green)!important;color:#fff!important}

/* Side menu */
.offcanvas{background:#0a1e2e!important;color:#fff!important;border-right:1px solid rgba(255,255,255,0.08)!important}
.offcanvas .offcanvas-header{border-bottom:1px solid rgba(255,255,255,0.08)!important}
.offcanvas .btn-close{filter:invert(1)!important}
.offcanvas .nav-link{color:#e0e0e0!important;font-size:16px!important;padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,0.05)!important;transition:color .15s!important}
.offcanvas .nav-link:hover,.offcanvas .nav-link:focus{color:#fff!important;background:transparent!important;padding-left:8px!important}
.btn-close{filter:invert(0.7)!important}

/* SECTIONS: zero gap */
.fp-section{margin:0!important;padding:0!important}
.fp-section-hero{background:var(--fp-mid)!important;text-align:center;padding:80px 0 40px!important}
#fp-motto{color:#fff!important;font-size:48px;font-weight:700;line-height:1.2;margin:0 auto 12px;font-family:'Noto Sans SC','HarmonyOS Sans SC','PingFang SC',sans-serif}
#fp-motto-word{transition:opacity .3s;color:#4fc978}
#fp-motto-more{margin-bottom:32px}
.fp-learnmore{color:var(--fp-dim)!important;font-size:14px;text-decoration:underline!important}
.fp-learnmore:hover{color:#fff!important}

/* SEND FILE button */
.fp-send-btn{background:var(--fp-green)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:12px 40px!important;font-size:16px!important;font-weight:600!important;letter-spacing:.03em!important;text-transform:uppercase!important;cursor:pointer!important;transition:all .15s!important}
.fp-send-btn:hover{background:var(--fp-green-h)!important}

/* Upload box (compact) */
.fp-upload-box{max-width:680px;margin:0 auto;background:var(--fp-card);border:1.5px dashed rgba(255,255,255,0.15);border-radius:10px;padding:16px 20px 12px;text-align:center}
.fp-cloud-icon{font-size:32px;color:var(--fp-dim);margin-bottom:8px}
.fp-dz-text{font-size:14px;color:var(--fp-dim);margin-bottom:4px}
.fp-disclaimer-line{font-size:11px;color:var(--fp-muted);text-align:center}
.fp-disclaimer-line a{color:var(--fp-dim)!important;text-decoration:underline!important}
.fp-upload-box .dropzone{border:none!important;background:none!important;min-height:auto!important;padding:0!important}
.fp-upload-box .dz-message{margin:0!important;padding:0!important}
.fp-upload-actions{margin-top:0}

/* Guest CTA */
.fp-guest-cta{margin-bottom:30px}
.fp-dragdrop{color:var(--fp-dim);font-size:14px;margin:14px 0}

/* MIDBAR */
.fp-section-midbar{background:var(--fp-dark)!important;padding:40px 0!important}
.fp-midbar-inner{display:flex;justify-content:center;gap:30px;max-width:800px;margin:0 auto;flex-wrap:wrap}
.fp-upsell-col{flex:1 1 280px;text-align:left;padding:16px}
.fp-upsell-divider{width:1px;background:var(--fp-border);align-self:stretch}
.fp-upsell-limited{color:var(--fp-text);font-size:15px;margin-bottom:4px}
.fp-upsell-tagline{color:var(--fp-dim);font-size:13px;margin-bottom:10px}
.fp-small{font-size:12px}
.fp-upsell-features{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.fp-tick-item{color:var(--fp-dim);font-size:13px}
.fp-upgrade-link{color:var(--fp-blue)!important;font-size:13px;text-decoration:none!important}
.fp-upgrade-link:hover{text-decoration:underline!important}

/* FOOTER */
#fp-footer{background:var(--fp-dark)!important;border-top:1px solid var(--fp-border);padding:50px 0 30px;color:var(--fp-dim);font-size:14px}
.fp-footer-links{display:flex;justify-content:center;gap:80px;flex-wrap:wrap;margin-bottom:24px}
.fp-footer-column{display:flex;flex-direction:column;gap:10px}
.fp-footer-item a{color:var(--fp-dim)!important;text-decoration:none!important}
.fp-footer-item a:hover{color:#fff!important}
.fp-copyright{text-align:center;color:var(--fp-muted);font-size:12px;padding-top:16px;border-top:1px solid var(--fp-border)}

/* PAGES */
main{background:var(--fp-dark)!important}
section{background:transparent!important}
.card{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:10px!important;color:var(--fp-text)!important}
.card-heading{color:#fff!important}
.form-control,.form-select{background:rgba(255,255,255,0.06)!important;border:1px solid var(--fp-border)!important;color:var(--fp-text)!important;border-radius:8px!important}
.form-control:focus,.form-select:focus{border-color:var(--fp-blue)!important;box-shadow:0 0 0 2px rgba(29,100,160,0.2)!important}
.form-label{color:var(--fp-dim)!important}
.form-text{color:var(--fp-muted)!important}
.modal-content{background:var(--fp-mid)!important;border:1px solid var(--fp-border)!important;color:var(--fp-text)!important}
.modal-header,.modal-footer{border-color:var(--fp-border)!important}
.modal-title{color:#fff!important}
h1,h2,h3,h4,h5{color:#fff!important}

/* ALL BUTTONS: green */
.btn-color-1,.btn-primary,.btn-color-2{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important}
.btn-color-1:hover,.btn-primary:hover,.btn-color-2:hover{background:var(--fp-green-h)!important;border-color:var(--fp-green-h)!important}
.btn-color-4{background:transparent!important;border:1px solid var(--fp-border)!important;color:var(--fp-dim)!important}
.btn-color-4:hover{background:rgba(255,255,255,0.08)!important;border-color:rgba(255,255,255,0.15)!important;color:#fff!important}

/* FAQ: no frame */
.accordion{background:transparent!important;border:none!important}
.accordion-item{background:transparent!important;border:none!important;border-bottom:1px solid var(--fp-border)!important;border-radius:0!important}
.accordion-button{background:transparent!important;color:var(--fp-text)!important;font-weight:600;box-shadow:none!important;padding:16px 0!important}
.accordion-button:not(.collapsed){color:#fff!important}
.accordion-button::after{filter:invert(0.7)}
.accordion-body{background:transparent!important;color:var(--fp-dim)!important;padding:0 0 16px!important}

/* Tables: no frame */
.table{--bs-table-bg:transparent!important;--bs-table-color:var(--fp-text)!important;--bs-table-border-color:var(--fp-border)!important}
.table thead th{background:transparent!important;color:var(--fp-dim)!important;font-size:13px;text-transform:uppercase;border-bottom:1px solid var(--fp-border)!important}
.table tbody td{background:transparent!important;color:var(--fp-text)!important;border-color:var(--fp-border)!important}

/* Pricing */
.plan-card,[class*="plan-card"]{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:10px!important}
.plan-card:hover{border-color:var(--fp-green)!important}
.nav-tabs{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:8px!important;padding:3px!important}
.nav-tabs .nav-link{color:var(--fp-dim)!important;border:none!important;border-radius:6px!important}
.nav-tabs .nav-link.active{background:var(--fp-green)!important;color:#fff!important}

/* Dropzone items */
.file-extension{background:var(--fp-card)!important;color:var(--fp-text)!important;border-radius:6px!important}
.file-name{color:var(--fp-text)!important}.file-size{color:var(--fp-muted)!important}
.progress{background:rgba(255,255,255,0.08)!important;height:5px!important;border-radius:4px!important}
.progress-bar{background:var(--fp-green)!important}
.dropzone-error{color:var(--fp-red)!important}

/* Alerts */
.alert-success,.alert-2{background:rgba(40,105,50,0.15)!important;border-color:rgba(40,105,50,0.3)!important;color:#7ecf8e!important}
.alert-danger,.alert-1{background:rgba(209,48,60,0.1)!important;border-color:rgba(209,48,60,0.3)!important;color:var(--fp-red)!important}

/* Misc */
.bg-light,.bg-white,.bg-body-tertiary{background:var(--fp-card)!important}
.breadcrumb-item a{color:var(--fp-dim)!important}
a{color:var(--fp-blue)}a:hover{color:#1378cc}
.list-group-item{background:var(--fp-card)!important;border-color:var(--fp-border)!important;color:var(--fp-text)!important}
.page-loader{background:var(--fp-mid)!important}
.switcher .slider{background:var(--fp-light)!important;border:1px solid var(--fp-border)!important}
.cc-banner,.cc-window{background:var(--fp-light)!important;color:var(--fp-text)!important}
.cc-btn{background:var(--fp-green)!important;color:#fff!important}
.home-page main>section,.home-page main>.fp-section{margin:0!important}
.user-menu-alert{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:8px!important;color:var(--fp-text)!important}

@media(max-width:768px){
  #fp-motto{font-size:32px}
  .fp-midbar-inner{flex-direction:column;gap:16px}
  .fp-upsell-divider{width:100%;height:1px}
}

/* Upload speed */
.upload-speed{color:var(--fp-dim);font-size:12px;text-align:center}
/* Upload actions: centered */
.fp-upload-actions{text-align:center;display:flex;justify-content:center!important;gap:8px;flex-wrap:wrap}
.fp-upload-actions .btn{flex:none}
/* Settings modal fix */
.modal .form-control,.modal .form-select{background:rgba(255,255,255,0.08)!important;border-color:var(--fp-border)!important;color:var(--fp-text)!important}
/* Admin overrides */
.admin-page main,.admin-page .content-area{background:var(--fp-dark)!important}
.admin-page .sidebar{background:var(--fp-light)!important}
.admin-page .card{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;color:var(--fp-text)!important}
.admin-page .overview-card{background:var(--fp-card)!important}
.admin-page .overview-card .count{color:#fff!important}

/* File download page */
.file-area{background:var(--fp-dark)!important;color:var(--fp-text)!important;padding-bottom:60px}
.file-preview{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:12px!important}
.file-preview-inner{min-height:200px;color:var(--fp-text)!important}
.file-preview-inner p{color:var(--fp-text)!important}
.file-404-title{font-size:72px;font-weight:700;color:var(--fp-muted)!important}
.file-deleted{color:var(--fp-muted)!important}
.download-file,.btn-color-1{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important;border-radius:8px!important;padding:10px 32px!important}
.download-file:hover,.btn-color-1:hover{background:var(--fp-green-h)!important;border-color:var(--fp-green-h)!important}
.btn-action{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;color:var(--fp-dim)!important;border-radius:6px!important}
.btn-action:hover{background:var(--fp-green)!important;border-color:var(--fp-green)!important;color:#fff!important}
.file-info-group,.file-info{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;color:var(--fp-text)!important;border-radius:8px!important}
.file-details .col{color:var(--fp-dim)!important}
.file-details strong{color:var(--fp-text)!important}
/* HTML link list → plan-card style */
.file-html-links,.html-links{background:transparent!important}
.file-html-links li,.html-links li{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:8px!important;padding:12px 16px!important;margin-bottom:8px!important;color:var(--fp-text)!important;list-style:none!important}
.file-html-links a,.html-links a{color:var(--fp-blue)!important}
.ad-box{background:transparent!important}

/* Hilldisk-style file download page */
.fp-file-card{background:var(--fp-card,rgba(255,255,255,0.04));border:1px solid var(--fp-border,rgba(255,255,255,0.08));border-radius:12px;overflow:hidden;margin-bottom:20px}
.fp-file-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--fp-border)}
.fp-file-icon{color:var(--fp-dim,#9aa0a6);flex-shrink:0}
.fp-file-name{color:#fff!important;font-size:18px;font-weight:600;word-break:break-all}
.fp-file-size{color:var(--fp-dim);font-size:14px;margin-top:4px}
.fp-compare-table{padding:0}
.fp-compare-table .table{margin:0}
.fp-compare-table .table th{background:rgba(255,255,255,0.03)!important;color:var(--fp-dim)!important;font-size:13px;font-weight:600;text-transform:uppercase;padding:12px 16px!important;border:none!important}
.fp-compare-table .table td{color:var(--fp-text,#e8eaed)!important;padding:12px 16px!important;border-bottom:1px solid var(--fp-border)!important;font-size:14px;background:transparent!important}
.fp-compare-table .table tbody tr:last-child td{border-bottom:none!important}
.fp-vip-col{color:#ffd700!important;font-weight:600}
.fp-download-actions{display:flex;justify-content:center;gap:16px;padding:24px;flex-wrap:wrap}
.fp-btn-slow{background:var(--fp-green,#286932)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:12px 32px!important;font-size:15px!important;font-weight:600!important;transition:all .15s!important}
.fp-btn-slow:hover{background:var(--fp-green-h,#1f5428)!important}
.fp-btn-vip{background:linear-gradient(135deg,#f7971e,#ffd200)!important;color:#333!important;border:none!important;border-radius:8px!important;padding:12px 32px!important;font-size:15px!important;font-weight:700!important;transition:all .15s!important}
.fp-btn-vip:hover{filter:brightness(1.1)}
.fp-link-item .form-label{color:var(--fp-dim)!important;font-size:13px}
.fp-link-item .input-group .form-control{background:rgba(255,255,255,0.06)!important;border:1px solid var(--fp-border)!important;color:var(--fp-text)!important;font-size:13px}
.fp-link-item .input-group .btn{background:var(--fp-green)!important;color:#fff!important;border:1px solid var(--fp-green)!important;font-size:13px}
.fp-link-item .input-group .btn:hover{background:var(--fp-green-h)!important}
.upload-speed{color:var(--fp-green,#4fc978)!important;font-size:13px;text-align:center;padding:4px 0;font-weight:500}

/* Blog cards solid background */
.blog-card .card,.blog-card{background:#0e2236!important;border:1px solid var(--fp-border)!important;border-radius:12px!important;overflow:hidden}
.blog-card .card-body{background:#0e2236!important}
.blog-card .blog-title a{color:#fff!important}
.blog-card .blog-category{color:var(--fp-dim)!important}
.blog-inner-card{background:var(--fp-card)!important;border:1px solid var(--fp-border)!important;border-radius:12px!important;padding:2rem!important}

/* Contact form card solid background */
.contact-form-area .form-card{background:rgba(15,35,55,0.95)!important;border:1px solid var(--fp-border)!important;backdrop-filter:blur(10px)!important}
.contact-form-area .covered{border-color:var(--fp-border)!important}

/* Download countdown beautify */
#download-counter{display:block!important;text-align:center;margin:16px 0}
#download-counter svg{width:60px!important;height:60px!important}
#download-counter .base-timer-label{font-size:16px!important;font-weight:700!important;color:#fff!important}
.base-timer-remaining{stroke:var(--fp-green,#4fc978)!important;stroke-width:4!important}
.base-timer-elapsed{stroke:rgba(255,255,255,0.1)!important;stroke-width:4!important}

/* get-link button states */
#get-link{transition:all .2s!important}
#get-link.disabled{opacity:.7!important;pointer-events:none!important}
#get-link span:nth-child(3){background:var(--fp-green)!important}

/* Page sections with no banner need top padding */


/* Download button beautified */

.fp-download-actions .fp-btn-slow{width:100%;max-width:320px;padding:14px 32px!important;font-size:16px!important;border-radius:10px!important;box-shadow:0 4px 15px rgba(40,105,50,0.3)!important}
.fp-download-actions .fp-btn-slow:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(40,105,50,0.4)!important}
.fp-download-actions .fp-btn-vip{width:100%;max-width:320px;padding:14px 32px!important;font-size:16px!important;border-radius:10px!important}
#download-counter{margin-bottom:8px}
#download-counter .base-timer{display:inline-block}

/* Download buttons side-by-side */
.fp-download-actions-row{padding:20px 24px;text-align:center}
.fp-btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.fp-btn-group .fp-btn-slow,.fp-btn-group .fp-btn-vip{flex:1;min-width:0;max-width:280px;padding:12px 24px!important;font-size:15px!important;border-radius:8px!important;text-align:center;white-space:nowrap}
.fp-btn-group .fp-btn-slow{box-shadow:0 4px 12px rgba(40,105,50,0.25)!important}
.fp-btn-group .fp-btn-vip{box-shadow:0 4px 12px rgba(109,40,217,0.25)!important}
@media(max-width:480px){.fp-btn-group{flex-direction:column;align-items:center}.fp-btn-group .fp-btn-slow,.fp-btn-group .fp-btn-vip{max-width:100%;width:100%}}

/* File stats one-line */
.fp-file-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;font-size:13px;color:var(--fp-dim,#9aa0a6);padding:8px 0;margin-bottom:16px}
.fp-stat-sep{color:rgba(255,255,255,0.2)}
.fp-action-link{color:var(--fp-dim,#9aa0a6)!important;text-decoration:none!important;font-size:13px}
.fp-action-link:hover{color:#fff!important}

/* Compare table icons */
.fp-compare-table td i.fa-solid{opacity:.7}
.fp-compare-table .fp-vip-col i{opacity:1}

/* === FIX: Mobile menu bg + text contrast === */
.offcanvas{background:var(--fp-dark,#06131d)!important;color:var(--fp-text,#e8eaed)!important}
.offcanvas .nav-link{color:var(--fp-text,#e8eaed)!important;font-size:17px!important;padding:14px 16px!important;border-bottom:1px solid var(--fp-border)!important;border-radius:0!important}
.offcanvas .nav-link:hover,.offcanvas .nav-link:focus{color:#fff!important;background:rgba(255,255,255,0.06)!important;padding-left:20px!important}
.offcanvas .btn-nav-auth{width:100%;text-align:center;padding:12px!important;font-size:15px!important}
.offcanvas .offcanvas-header{background:var(--fp-dark,#06131d)!important;border-bottom:1px solid var(--fp-border)!important}
.offcanvas .offcanvas-body{background:var(--fp-dark,#06131d)!important}

/* === FIX: Settings/upload modal bg + text contrast === */
.modal-content{background:var(--fp-dark,#06131d)!important;color:var(--fp-text,#e8eaed)!important;border:1px solid var(--fp-border)!important}
.modal-header{background:var(--fp-dark,#06131d)!important;border-bottom:1px solid var(--fp-border)!important}
.modal-footer{background:var(--fp-dark,#06131d)!important;border-top:1px solid var(--fp-border)!important}
.modal-title{color:#fff!important}
.modal-body{background:var(--fp-dark,#06131d)!important;color:var(--fp-text)!important}
.modal-body .form-label{color:var(--fp-text,#e8eaed)!important}
.modal-body .form-control,.modal-body .form-select{background:rgba(255,255,255,0.08)!important;color:var(--fp-text,#e8eaed)!important;border:1px solid var(--fp-border)!important}
.settings-container{background:transparent!important;border-bottom:1px solid var(--fp-border)!important;padding:12px 0!important}

/* === FIX: Nav to content spacing === */
.nav-container+main,.nav-container~main{padding-top:20px!important}
.home-page .fp-section-hero{padding-top:30px!important}
.file-area{padding-top:24px!important;padding-bottom:60px!important}
.affiliate-boxes-area,.blog-posts-area,.contact-form-area,.pricing-area,.custom-page,.privacy-policy-area,.terms-of-use-area{padding-top:90px!important}

/* === FIX: Download page mobile - more breathing room === */
@media(max-width:768px){
  .file-area .container{padding:12px!important;max-width:100%!important}
  .fp-file-card{padding:16px!important;border-radius:12px!important;margin:0!important}
  .fp-file-header{flex-direction:column!important;text-align:center!important;gap:12px!important;padding:16px 12px!important}
  .fp-file-icon{margin:0 auto!important}
  .fp-file-name{font-size:16px!important;word-break:break-all!important}
  .fp-compare-table{overflow-x:auto!important;margin:0 -8px!important;padding:0 8px!important}
  .fp-compare-table table{font-size:12px!important;min-width:auto!important}
  .fp-compare-table th,.fp-compare-table td{padding:8px 6px!important;font-size:12px!important;white-space:nowrap!important}
  .fp-compare-table td:first-child{white-space:normal!important;min-width:80px!important}
  .fp-download-actions-row{padding:12px 8px!important}
  .fp-btn-group{flex-direction:column!important;gap:10px!important}
  .fp-btn-group .fp-btn-slow,.fp-btn-group .fp-btn-vip{max-width:100%!important;width:100%!important;padding:14px 20px!important;font-size:15px!important}
  .fp-file-stats{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;font-size:12px!important;padding:12px 0!important}
  .fp-stat-sep{display:none!important}
  .fp-file-links{padding:0!important}
  .fp-link-item{margin-bottom:12px!important}
  .fp-link-item .input-group{flex-direction:column!important;gap:6px!important}
  .fp-link-item .input-group .form-control{border-radius:8px!important;font-size:12px!important}
  .fp-link-item .input-group .btn{border-radius:8px!important;width:100%!important}
}

/* Download page general improvements */
.fp-file-card{background:var(--fp-card,#0e2236)!important;border:1px solid var(--fp-border)!important;border-radius:16px!important;overflow:hidden!important;margin-bottom:24px!important}
.fp-file-header{display:flex!important;align-items:center!important;gap:16px!important;padding:24px!important;border-bottom:1px solid var(--fp-border)!important;background:rgba(255,255,255,0.02)!important}
.fp-file-icon{color:var(--fp-dim)!important}
.fp-file-name{color:#fff!important;font-weight:600!important;font-size:18px!important}
.fp-file-size{color:var(--fp-dim)!important;font-size:14px!important;margin-top:4px!important}

/* === File info + links inside card === */
.fp-file-info-section{padding:12px 24px;border-bottom:1px solid var(--fp-border)}
.fp-file-info-section .fp-file-stats{margin:0;padding:0}
.fp-file-links-section{padding:16px 24px;border-bottom:1px solid var(--fp-border)}
.fp-file-links-section .fp-link-item{margin-bottom:10px}
.fp-file-links-section .fp-link-item:last-child{margin-bottom:0}
@media(max-width:768px){
  .fp-file-info-section{padding:10px 12px}
  .fp-file-links-section{padding:12px}
}

/* ============================================================
   DOWNLOAD PAGE — fp-dl-* styles  v2 (Redesign)
   Modern glassmorphism + gradient, fully responsive
   ============================================================ */

/* Page background */
.file-area {
  background: linear-gradient(160deg, #06131d 0%, #0a1e30 50%, #06131d 100%) !important;
  min-height: 100vh;
  padding: 40px 0 60px !important;
}

.fp-dl-container {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 20px;
}

.fp-dl-card {
  background: linear-gradient(135deg, rgba(14,34,54,0.95) 0%, rgba(10,28,44,0.98) 100%);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.06) inset;
}

.fp-dl-header {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 28px 28px 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, transparent 100%);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.fp-dl-icon-wrap { flex-shrink: 0; }

.fp-dl-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, #1a7a3a 0%, #286932 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #fff;
  box-shadow: 0 4px 16px rgba(40,105,50,0.4);
}

.fp-dl-icon-err {
  background: linear-gradient(135deg, #c0392b 0%, #a93226 100%) !important;
  box-shadow: 0 4px 16px rgba(209,48,60,0.4) !important;
  color: #fff !important;
}

.fp-dl-file-info {
  min-width: 0;
  flex: 1;
}

.fp-dl-filename {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
  word-break: break-word;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.fp-dl-filesize {
  color: rgba(255,255,255,0.45);
  font-size: 13px;
}

.fp-dl-meta {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.02);
  flex-wrap: nowrap;
}

.fp-dl-meta span {
  flex: 1;
  color: rgba(255,255,255,0.4);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 12px 8px;
  border-right: 1px solid rgba(255,255,255,0.06);
}

.fp-dl-meta span:last-child { border-right: none; }
.fp-dl-meta span i { font-size: 11px; opacity: 0.7; }

.fp-dl-actions {
  padding: 20px 24px 24px;
}
.fp-dl-btn-row {
  display: flex;
  gap: 12px;
  align-items: stretch;
}
.fp-dl-btn-row .fp-dl-btn {
  flex: 1;
  min-width: 0;
}

.fp-dl-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 24px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border: none;
  letter-spacing: 0.01em;
}

.fp-dl-btn-free {
  background: linear-gradient(135deg, #2ecc71 0%, #27ae60 60%, #1e8449 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 20px rgba(46,204,113,0.35);
}

.fp-dl-btn-free:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(46,204,113,0.45) !important;
  color: #fff !important;
}

.fp-dl-btn-vip {
  background: linear-gradient(135deg, #f39c12 0%, #e67e22 60%, #d35400 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 20px rgba(243,156,18,0.3);
}

.fp-dl-btn-vip:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(243,156,18,0.4) !important;
  color: #fff !important;
}

.fp-dl-compare { padding: 22px 24px 24px; }

.fp-dl-section-title {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 0 16px !important;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.5;
}

.fp-dl-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.07);
}

.fp-dl-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 300px;
}

.fp-dl-table thead th {
  padding: 11px 16px;
  color: rgba(255,255,255,0.35);
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  text-align: center;
  white-space: nowrap;
}

.fp-dl-table thead th:first-child { text-align: left; }

.fp-dl-table tbody td {
  padding: 11px 16px;
  color: rgba(255,255,255,0.55);
  border-bottom: 1px solid rgba(255,255,255,0.04);
  text-align: center;
  white-space: nowrap;
}

.fp-dl-table tbody td:first-child {
  text-align: left;
  color: rgba(255,255,255,0.4);
  white-space: normal;
}

.fp-dl-table tbody tr:last-child td { border-bottom: none; }
.fp-dl-table tbody tr:hover td { background: rgba(255,255,255,0.02); }

.fp-dl-vip-th { color: #f39c12 !important; }
.fp-dl-vip-td { color: #2ecc71 !important; font-weight: 600; }
.fp-dl-yes { color: #2ecc71 !important; font-weight: 600; }
.fp-dl-no  { color: rgba(255,255,255,0.25) !important; }

.fp-dl-extras {
  margin-bottom: 20px;
}

.fp-dl-share-row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 0 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.fp-dl-share-link {
  color: rgba(255,255,255,0.4) !important;
  font-size: 13px;
  text-decoration: none !important;
  transition: color 0.15s;
  display: flex;
  align-items: center;
  gap: 5px;
}

.fp-dl-share-link:hover { color: #fff !important; }

.fp-dl-link-list {
  padding: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.fp-dl-link-row label {
  display: block;
  color: rgba(255,255,255,0.3);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 7px;
}

.fp-dl-link-input {
  display: flex;
  gap: 8px;
  align-items: center;
}

.fp-dl-link-input .form-control {
  flex: 1;
  font-size: 12px !important;
  padding: 9px 12px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  color: rgba(255,255,255,0.6) !important;
  min-width: 0;
  max-width: calc(100% - 80px);
}

.fp-dl-link-input .form-control:focus {
  border-color: rgba(46,204,113,0.4) !important;
  box-shadow: 0 0 0 3px rgba(46,204,113,0.08) !important;
}

.fp-dl-link-input .btn {
  flex-shrink: 0;
  font-size: 12px;
  padding: 9px 16px;
  background: rgba(46,204,113,0.15) !important;
  border: 1px solid rgba(46,204,113,0.35) !important;
  color: #2ecc71 !important;
  border-radius: 10px !important;
  transition: all 0.15s;
  white-space: nowrap;
  font-weight: 600;
}

.fp-dl-link-input .btn:hover {
  background: rgba(46,204,113,0.28) !important;
  border-color: rgba(46,204,113,0.5) !important;
  color: #fff !important;
}

.ad-box {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

.file-area .recaptcha {
  color: rgba(255,255,255,0.25) !important;
  font-size: 11px !important;
  text-align: center;
  padding: 0 24px 16px;
}

/* ============================================================
   DOWNLOAD PAGE — Responsive
   ============================================================ */

@media (max-width: 768px) {
  .file-area { padding: 20px 0 40px !important; }
  .fp-dl-container { padding: 0 12px; }
  .fp-dl-header { padding: 22px 18px 18px; gap: 14px; }
  .fp-dl-icon { width: 52px; height: 52px; font-size: 22px; border-radius: 14px; }
  .fp-dl-filename { font-size: 16px !important; }
  .fp-dl-meta span { font-size: 11px; padding: 10px 6px; }
  .fp-dl-actions { padding: 16px; }
  .fp-dl-btn-row { gap: 10px; }
  .fp-dl-btn { padding: 14px 20px; font-size: 14px; }
  .fp-dl-compare { padding: 16px; }
  .fp-dl-table { font-size: 12px; }
  .fp-dl-table thead th, .fp-dl-table tbody td { padding: 9px 10px; }
  .fp-dl-share-row { padding: 12px 16px; }
  .fp-dl-link-list { padding: 14px 16px; gap: 12px; }
  .fp-dl-link-input { flex-direction: column; }
  .fp-dl-link-input .form-control { font-size: 11px !important; }
  .fp-dl-link-input .btn { width: 100%; text-align: center; }
}

@media (max-width: 480px) {
  .fp-dl-header {
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 20px 14px 14px;
  }
  .fp-dl-file-info { text-align: center; }
  .fp-dl-icon { width: 48px; height: 48px; font-size: 20px; }
  .fp-dl-filename { font-size: 15px !important; }
  .fp-dl-meta span { font-size: 11px; padding: 9px 4px; }
  .fp-dl-actions { padding: 14px 12px; }
  .fp-dl-btn-row { flex-direction: column; gap: 10px; }
  .fp-dl-table thead th, .fp-dl-table tbody td { padding: 8px 6px; font-size: 11px; }
  .fp-dl-card, .fp-dl-extras { border-radius: 16px; }
}

@media (min-width: 1200px) {
  .fp-dl-container { max-width: 700px; }
}