:root,
[data-bs-theme="dark"] {
--t26-bg: #07071A;
--t26-bg2: #0D0D2B;
--t26-card: rgba(255,255,255,0.04);
--t26-card-hover: rgba(255,255,255,0.07);
--t26-border: rgba(255,255,255,0.08);
--t26-primary: #7C3AED;
--t26-primary-light: #9F67FF;
--t26-primary-dark: #5B21B6;
--t26-cyan: #06B6D4;
--t26-rose: #F43F5E;
--t26-text: #F1F5F9;
--t26-muted: rgba(241,245,249,0.55);
--t26-gradient: linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%);
--t26-gradient-text: linear-gradient(135deg,#A78BFA 0%,#38BDF8 100%);
--t26-glow: 0 0 40px rgba(124,58,237,0.3);
--t26-shadow: 0 20px 60px rgba(0,0,0,0.4);
--t26-sidebar-width: 260px;
--t26-topbar-height: 64px;
--bs-body-bg: #07071A;
--bs-body-color: #F1F5F9;
--bs-card-bg: rgba(255,255,255,0.04);
--bs-border-color: rgba(255,255,255,0.08);
--bs-secondary-bg: #0D0D2B;
--bs-tertiary-bg: #0D0D2B;
--bs-emphasis-color: #F1F5F9;
}
*, *::before, *::after {
box-sizing: border-box;
}
html, body {
background: #07071A !important;
background: var(--t26-bg, #07071A) !important;
color: #F1F5F9 !important;
color: var(--t26-text, #F1F5F9) !important;
font-family: 'Inter', sans-serif !important;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
body {
min-height: 100vh;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
color: var(--t26-text);
}
a {
color: var(--t26-primary-light);
text-decoration: none;
transition: color 0.2s;
}
a:hover {
color: var(--t26-cyan);
}
.text-muted,
.text-t26-muted {
color: var(--t26-muted) !important;
}
.gradient-text {
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.gradient-bg {
background: var(--t26-gradient);
}
.glass-card {
background: rgba(255,255,255,0.04);
background: var(--t26-card, rgba(255,255,255,0.04));
border: 1px solid rgba(255,255,255,0.08);
border: 1px solid var(--t26-border, rgba(255,255,255,0.08));
border-radius: 16px;
transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.glass-card:hover {
background: var(--t26-card-hover);
border-color: rgba(124,58,237,0.3);
transform: translateY(-2px);
box-shadow: var(--t26-glow);
}
.btn-gradient {
background: var(--t26-gradient);
border: none;
color: #fff !important;
border-radius: 10px;
font-weight: 600;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
padding: .7rem 1.8rem;
display: inline-flex;
align-items: center;
gap: .5rem;
}
.btn-gradient:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(124,58,237,0.5);
color: #fff !important;
}
.btn-gradient.d-block,
.btn-gradient.w-100 {
display: block;
width: 100%;
justify-content: center;
text-align: center;
}
.btn-outline-t26 {
border: 1.5px solid var(--t26-border);
color: var(--t26-text) !important;
border-radius: 10px;
font-weight: 600;
background: transparent;
transition: all 0.3s ease;
padding: .65rem 1.5rem;
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
}
.btn-outline-t26:hover {
border-color: var(--t26-primary);
background: rgba(124,58,237,0.1);
color: var(--t26-text) !important;
}
.ctl-btn {
background: var(--t26-gradient);
border: none;
color: #fff !important;
border-radius: 10px;
font-weight: 600;
transition: all 0.3s ease;
padding: .7rem 1.8rem;
display: inline-flex;
align-items: center;
gap: .5rem;
cursor: pointer;
}
.ctl-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(124,58,237,0.5);
color: #fff !important;
}
.btn-social {
background: rgba(255,255,255,0.06);
border: 1.5px solid var(--t26-border);
color: var(--t26-text) !important;
border-radius: 10px;
padding: .65rem;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all .25s;
text-decoration: none;
}
.btn-social:hover {
background: rgba(255,255,255,0.1);
border-color: rgba(124,58,237,0.4);
}
.btn-primary {
background: var(--t26-gradient) !important;
border: none !important;
border-radius: 10px !important;
font-weight: 600 !important;
color: #fff !important;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(124,58,237,0.5) !important;
}
.btn-secondary {
background: rgba(255,255,255,0.08) !important;
border: 1px solid var(--t26-border) !important;
color: var(--t26-text) !important;
border-radius: 10px !important;
}
.btn-cta-white {
background: #fff;
color: var(--t26-primary) !important;
border: none;
border-radius: 12px;
font-weight: 700;
padding: .85rem 2.5rem;
font-size: 1.05rem;
transition: all .3s;
text-decoration: none;
display: inline-block;
}
.btn-cta-white:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.card {
background: var(--t26-card) !important;
border: 1px solid var(--t26-border) !important;
color: var(--t26-text) !important;
}
.form-control,
.form-select {
background: rgba(255,255,255,0.06) !important;
border: 1.5px solid var(--t26-border) !important;
color: var(--t26-text) !important;
border-radius: 10px !important;
font-size: .875rem !important;
padding: .65rem 1rem !important;
transition: all 0.3s ease;
color-scheme: dark;
-webkit-appearance: none;
appearance: none;
}
.form-select option,
.form-select optgroup {
background: #0d1117 !important;
color: var(--t26-text) !important;
}
.form-control:focus,
.form-select:focus {
border-color: var(--t26-primary) !important;
box-shadow: 0 0 0 3px rgba(124,58,237,0.2) !important;
background: rgba(255,255,255,0.08) !important;
color: var(--t26-text) !important;
}
.form-control::placeholder {
color: var(--t26-muted) !important;
}
.form-label {
font-size: .85rem;
font-weight: 600;
color: var(--t26-muted);
margin-bottom: .4rem;
}
.form-text {
color: var(--t26-muted);
}
.form-check-input {
background-color: rgba(255,255,255,0.06) !important;
border-color: var(--t26-border) !important;
accent-color: var(--t26-primary);
}
.form-check-input:checked {
background-color: var(--t26-primary) !important;
border-color: var(--t26-primary) !important;
}
.input-group-text {
background: rgba(255,255,255,0.06) !important;
border-color: var(--t26-border) !important;
color: var(--t26-muted) !important;
}
.dropdown-menu {
background: rgba(13,13,43,0.97) !important;
border: 1px solid var(--t26-border) !important;
border-radius: 12px !important;
}
.dropdown-item {
color: var(--t26-text) !important;
border-radius: 8px !important;
transition: all 0.2s;
}
.dropdown-item:hover {
background: rgba(124,58,237,0.15) !important;
color: var(--t26-text) !important;
}
.dropdown-divider {
border-color: var(--t26-border) !important;
}
.alert {
border-radius: 12px !important;
border: 1px solid var(--t26-border) !important;
}
.modal-content {
background: var(--t26-bg2) !important;
border: 1px solid var(--t26-border) !important;
border-radius: 20px !important;
}
.modal-header,
.modal-footer {
border-color: var(--t26-border) !important;
}
.nav-pills .nav-link.active {
background: var(--t26-gradient) !important;
}
.nav-tabs {
border-color: var(--t26-border) !important;
}
.nav-tabs .nav-link {
color: var(--t26-muted) !important;
border: none !important;
border-radius: 8px !important;
font-weight: 500;
}
.nav-tabs .nav-link.active {
background: rgba(124,58,237,0.15) !important;
color: var(--t26-primary-light) !important;
}
.table {
color: var(--t26-text) !important;
}
.table > :not(caption) > * > * {
border-color: var(--t26-border) !important;
background: transparent !important;
}
.table > tbody > tr:hover > * {
background: rgba(255,255,255,0.03) !important;
}
.pagination .page-link {
background: var(--t26-card) !important;
border-color: var(--t26-border) !important;
color: var(--t26-text) !important;
border-radius: 8px !important;
}
.pagination .page-item.active .page-link {
background: var(--t26-gradient) !important;
border: none !important;
}
.badge-gradient {
background: var(--t26-gradient);
color: #fff;
border-radius: 20px;
font-size: .72rem;
font-weight: 600;
padding: .3rem .8rem;
}
.badge.bg-primary {
background: var(--t26-gradient) !important;
}
.badge.bg-success {
background: linear-gradient(135deg,#10B981,#059669) !important;
}
.badge.bg-danger {
background: linear-gradient(135deg,#F43F5E,#E11D48) !important;
}
.accordion-item {
background: var(--t26-card) !important;
border: 1px solid var(--t26-border) !important;
border-radius: 12px !important;
margin-bottom: .5rem;
}
.accordion-button {
background: transparent !important;
color: var(--t26-text) !important;
font-weight: 600;
}
.accordion-button:not(.collapsed) {
background: rgba(124,58,237,0.1) !important;
color: var(--t26-primary-light) !important;
}
.accordion-button::after {
filter: invert(1);
}
.accordion-body {
color: var(--t26-muted);
}
.progress {
background: rgba(255,255,255,0.06) !important;
border-radius: 10px;
}
.progress-bar {
background: var(--t26-gradient) !important;
border-radius: 10px;
}
#scroll-to-top {
background: var(--t26-gradient) !important;
border: none !important;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.section-py { padding: 80px 0; }
.section-py-sm { padding: 50px 0; }
.section-py-lg { padding: 120px 0; }
.t26-label {
font-size: .75rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--t26-primary-light);
}
.t26-divider {
height: 1px;
background: var(--t26-border);
border: none;
margin: 0;
}
.grid-bg {
background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);
background-size: 32px 32px;
}
.grid-bg-abs {
position: absolute;
inset: 0;
background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
background-size: 32px 32px;
pointer-events: none;
}
.divider {
display: flex;
align-items: center;
gap: 1rem;
margin: 1.25rem 0;
color: var(--t26-muted);
font-size: .85rem;
}
.divider::before,
.divider::after {
content: '';
flex: 1;
height: 1px;
background: var(--t26-border);
}
@keyframes float-orb {
0%, 100% { transform: translate(0,0) scale(1); }
33% { transform: translate(30px,-20px) scale(1.05); }
66% { transform: translate(-20px,10px) scale(0.95); }
}
@keyframes fade-up {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes gradient-shift {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
@keyframes spin-slow {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes pulse-glow {
0%, 100% { box-shadow: 0 0 20px rgba(124,58,237,0.3); }
50% { box-shadow: 0 0 50px rgba(124,58,237,0.7); }
}
.orb {
position: absolute;
border-radius: 50%;
filter: blur(80px);
pointer-events: none;
animation: float-orb 8s ease-in-out infinite;
}
.orb-1 {
width: 600px; height: 600px;
background: rgba(124,58,237,0.28);
top: -200px; left: -150px;
}
.orb-2 {
width: 400px; height: 400px;
background: rgba(6,182,212,0.18);
bottom: -80px; right: -100px;
animation-delay: -3s;
}
.orb-3 {
width: 250px; height: 250px;
background: rgba(244,63,94,0.08);
top: 40%; left: 60%;
animation-delay: -5s;
}
#t26-header {
position: sticky;
top: 0;
z-index: 1000;
background: rgba(7,7,26,0.85);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(255,255,255,0.08);
transition: all 0.3s ease;
}
.navbar-logo img {
max-height: 36px;
width: auto;
height: auto;
max-width: 180px;
flex-shrink: 0;
object-fit: contain;
display: block;
}
.navbar-toggler {
color: #B8BDC8;
background: rgba(255,255,255,0.06);
border-radius: 8px;
padding: .4rem .6rem;
border: 0;
}
.navbar-nav .nav-link {
color: #C8CDD6 !important;
font-weight: 500;
font-size: .9rem;
padding: .5rem .8rem;
border-radius: 8px;
transition: all 0.2s;
}
.navbar-nav .nav-link:hover {
color: var(--t26-text) !important;
background: rgba(124,58,237,0.1);
}
#cm {
--cc-bg: #0d0d24;
--cc-text: rgba(241,245,249,0.85);
--cc-btn-primary-bg: #7c3aed;
--cc-btn-primary-text: #ffffff;
--cc-btn-primary-hover-bg: #6d28d9;
--cc-btn-secondary-bg: rgba(255,255,255,0.07);
--cc-btn-secondary-text: rgba(241,245,249,0.75);
--cc-btn-secondary-hover-bg: rgba(255,255,255,0.12);
--cc-border-radius: 16px;
--cc-btn-border-radius: 10px;
background: linear-gradient(145deg, rgba(18,14,40,0.98), rgba(9,9,28,0.99)) !important;
border: 1px solid rgba(124,58,237,0.25) !important;
box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(124,58,237,0.1) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
bottom: 1.5em !important;
right: 1.5em !important;
padding: 1.5em 1.6em 1.6em !important;
}
#cm::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(124,58,237,0.7) 40%, rgba(6,182,212,0.5) 70%, transparent);
border-radius: 16px 16px 0 0;
}
#c-ttl {
background: linear-gradient(135deg, #e2e8f0, #a78bfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 1rem !important;
margin-bottom: .6em !important;
}
#c-txt {
color: rgba(241,245,249,0.55) !important;
font-size: .83em !important;
line-height: 1.6em !important;
}
#cm .cc-link {
color: #a78bfa !important;
border-bottom-color: rgba(167,139,250,0.4) !important;
}
#cm .cc-link:hover { border-color: transparent !important; }
#c-bns { margin-top: 1.2em !important; gap: .6em; }
#c-bns .c-bn {
padding: .75em 1em !important;
font-size: .82em !important;
font-weight: 600 !important;
letter-spacing: .01em;
border-radius: 10px !important;
transition: background .2s, transform .15s !important;
}
#c-bns button:first-child {
background: linear-gradient(135deg, #7c3aed, #4f46e5) !important;
box-shadow: 0 4px 14px rgba(124,58,237,0.35) !important;
}
#c-bns button:first-child:hover {
opacity: .88;
transform: translateY(-1px);
background: linear-gradient(135deg, #6d28d9, #4338ca) !important;
}
#c-bns button+button {
border: 1px solid rgba(255,255,255,0.1) !important;
}
#c-bns button+button:hover { border-color: rgba(255,255,255,0.2) !important; }
#s-inr {
--cc-bg: #0d0d24;
--cc-text: rgba(241,245,249,0.85);
--cc-btn-primary-bg: #7c3aed;
--cc-btn-primary-text: #ffffff;
--cc-btn-primary-hover-bg: #6d28d9;
--cc-btn-secondary-bg: rgba(255,255,255,0.07);
--cc-btn-secondary-text: rgba(241,245,249,0.75);
--cc-btn-secondary-hover-bg: rgba(255,255,255,0.12);
--cc-section-border: rgba(255,255,255,0.07);
--cc-cookie-category-block-bg: rgba(255,255,255,0.04);
--cc-cookie-category-block-bg-hover: rgba(124,58,237,0.08);
--cc-webkit-scrollbar-bg: rgba(255,255,255,0.1);
border: 1px solid rgba(124,58,237,0.2) !important;
box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
}
#s-hdr, #s-bns, #s-inr { background: #0d0d24 !important; }
#s-bl .c-bl { border-color: rgba(255,255,255,0.07) !important; }
#s-ttl {
background: linear-gradient(135deg,#e2e8f0,#a78bfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
#s-bns button:first-child {
background: linear-gradient(135deg,#7c3aed,#4f46e5) !important;
}
#s-bns button:first-child:hover {
background: linear-gradient(135deg,#6d28d9,#4338ca) !important;
}
#s-c-bn:before, #s-c-bn:after { background: rgba(241,245,249,0.6) !important; }
.cc_div .b-tg .c-tgl:checked~.c-tg { background: #7c3aed !important; }
.ft-wrap { position:relative;background:linear-gradient(180deg,rgba(7,7,26,0.97) 0%,#040410 100%);border-top:none;overflow:hidden; }
.ft-glow-top { position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(124,58,237,0.6) 30%,rgba(99,102,241,0.8) 50%,rgba(6,182,212,0.6) 70%,transparent 100%); }
.ft-wrap::before { content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse at center,rgba(124,58,237,0.08) 0%,transparent 70%);pointer-events:none; }
.ft-logo-link { display:inline-block;text-decoration:none;align-self:flex-start; }
.ft-logo-img { max-height:40px;width:auto;display:block; }
.ft-logo-text { font-size:1.25rem;font-weight:800;color:#a78bfa;background:linear-gradient(135deg,#a78bfa,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.ft-desc { color:rgba(241,245,249,0.45);font-size:.875rem;line-height:1.75;margin-bottom:0; }
.ft-tagline { margin-bottom:0;display:inline-flex;flex-direction:column;gap:6px; }
.ft-tl-text { font-size:1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(241,245,249,0.9);background:linear-gradient(90deg,#a78bfa,#67e8f9,#a78bfa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:ft-tl-shine 4s linear infinite; }
.ft-tl-line { display:block;height:2px;border-radius:2px;background:linear-gradient(90deg,#7c3aed,#06b6d4,#7c3aed);background-size:200% auto;animation:ft-tl-shine 4s linear infinite;opacity:.7; }
@keyframes ft-tl-shine { 0%{background-position:0% center} 100%{background-position:200% center} }
.ft-social { width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:rgba(241,245,249,0.5);border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);text-decoration:none;font-size:.85rem;transition:all .2s; }
.ft-social:hover { background:rgba(124,58,237,0.2);border-color:rgba(124,58,237,0.5);color:#a78bfa;transform:translateY(-2px); }
.ft-col-title { font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(167,139,250,0.7);margin-bottom:1.5rem;display:flex;align-items:center;gap:8px; }
.ft-col-title::after { content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(124,58,237,0.3),transparent); }
.ft-nav-list { margin:0;display:flex;flex-direction:column;gap:.1rem;align-items:flex-start; }
.ft-nav-link { display:flex;align-items:center;gap:6px;color:rgba(241,245,249,0.55);font-size:.875rem;text-decoration:none;padding:.45rem 0;transition:color .2s; }
.ft-nav-arrow { font-size:.5rem;color:rgba(124,58,237,0.4);transition:transform .2s,color .2s;flex-shrink:0; }
.ft-nav-link:hover { color:rgba(241,245,249,0.95); }
.ft-nav-link:hover .ft-nav-arrow { color:#a78bfa;transform:translateX(3px); }
.ft-bottom-bar { border-top:1px solid rgba(255,255,255,0.06);padding:1.25rem 0;margin-top:.5rem; }
.ft-copyright { color:rgba(241,245,249,0.35);font-size:.8rem; }
.ft-copyright-link { color:rgba(167,139,250,0.7);text-decoration:none;font-weight:600;transition:color .15s; }
.ft-copyright-link:hover { color:#a78bfa; }
.ft-legal-link { color:rgba(241,245,249,0.35);font-size:.8rem;text-decoration:none;padding:.2rem .55rem;border-radius:6px;transition:color .15s,background .15s; }
.ft-legal-link:hover { color:rgba(241,245,249,0.8);background:rgba(255,255,255,0.05); }
.ft-lang-btn { color:rgba(241,245,249,0.35);font-size:.8rem;text-decoration:none;padding:.2rem .55rem;border-radius:6px;cursor:pointer;transition:color .15s; }
.ft-lang-btn:hover { color:rgba(241,245,249,0.7); }
#t26-hero {
position: relative;
padding-top: 70px;
padding-bottom: 90px;
display: flex;
align-items: flex-start;
overflow: hidden;
background: radial-gradient(ellipse 90% 55% at 50% -5%, rgba(124,58,237,0.22) 0%, transparent 65%), var(--t26-bg);
}
.badge-pill-gradient {
display: inline-flex;
align-items: center;
gap: .45rem;
padding: .45rem 1.25rem;
border-radius: 999px;
background: rgba(124,58,237,0.1);
border: 1px solid rgba(124,58,237,0.35);
font-size: .82rem;
font-weight: 600;
color: #A78BFA;
margin-bottom: 1.75rem;
letter-spacing: .03em;
box-shadow: 0 0 20px rgba(124,58,237,0.15);
animation: badge-glow 3s ease-in-out infinite;
}
@keyframes badge-glow {
0%,100% { box-shadow: 0 0 12px rgba(124,58,237,0.12); }
50% { box-shadow: 0 0 28px rgba(124,58,237,0.30); }
}
.hero-h1 {
font-size: clamp(2.8rem,6vw,4rem);
font-weight: 800;
line-height: 1.12;
letter-spacing: -.02em;
margin-bottom: 1.25rem;
}
.hero-subtitle {
font-size: 1.1rem;
color: rgba(241,245,249,0.55);
max-width: 520px;
margin: 0 auto 2.75rem;
line-height: 1.7;
}
.shortener-card {
background: rgba(7,7,26,0.75);
border: 1px solid rgba(124,58,237,0.22);
border-top: 1px solid rgba(124,58,237,0.45);
backdrop-filter: blur(32px);
-webkit-backdrop-filter: blur(32px);
border-radius: 24px;
padding: 1.75rem;
max-width: 720px;
margin: 0 auto;
box-shadow: 0 0 80px rgba(124,58,237,0.1), 0 0 0 1px rgba(255,255,255,0.03) inset, 0 8px 40px rgba(0,0,0,0.45);
}
.t26-tab-nav {
display: flex;
gap: .35rem;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
padding: .3rem;
margin-bottom: 1.5rem;
}
.t26-tab-nav a,
.t26-tab-nav button {
flex: 1;
text-align: center;
padding: .5rem 1rem;
border-radius: 9px;
font-size: .88rem;
font-weight: 500;
color: rgba(241,245,249,0.45);
text-decoration: none;
background: none;
border: none;
cursor: pointer;
transition: all .2s;
}
.t26-tab-nav a.active,
.t26-tab-nav button.active {
background: linear-gradient(135deg, rgba(124,58,237,0.5) 0%, rgba(6,182,212,0.35) 100%);
color: #fff;
box-shadow: 0 2px 12px rgba(124,58,237,0.35);
}
.t26-tab-nav a:hover:not(.active),
.t26-tab-nav button:hover:not(.active) {
background: rgba(255,255,255,0.06);
color: rgba(241,245,249,0.75);
}
.t26-tab-panel {
animation: tab-fade .2s ease;
}
@keyframes tab-fade {
from { opacity: 0; transform: translateY(5px); }
to { opacity: 1; transform: translateY(0); }
}
.shorten-row {
display: flex;
gap: .4rem;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.09);
border-radius: 14px;
padding: .35rem;
transition: border-color .2s;
}
.shorten-row:focus-within {
border-color: rgba(124,58,237,0.45);
box-shadow: 0 0 0 3px rgba(124,58,237,0.12);
}
.shorten-row .form-control {
border-radius: 10px !important;
padding: .85rem 1.1rem;
font-size: 1rem;
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: var(--t26-text) !important;
}
.shorten-row .form-control::placeholder {
color: rgba(241,245,249,0.3);
}
.shorten-row .btn-gradient {
padding: .85rem 1.8rem;
font-size: .95rem;
white-space: nowrap;
border-radius: 10px;
flex-shrink: 0;
}
#output-result {
background: rgba(124,58,237,0.08);
border: 1px solid rgba(124,58,237,0.25) !important;
border-radius: 14px;
}
.history-item {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 10px;
padding: .85rem 1rem;
margin-bottom: .5rem;
transition: background .2s;
}
.history-item:hover {
background: rgba(255,255,255,0.07);
}
.history-copy-btn {
flex-shrink: 0;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 7px;
color: var(--t26-muted);
font-size: .75rem;
cursor: pointer;
transition: background .2s, color .2s, border-color .2s, transform .15s;
}
.history-copy-btn:hover {
background: rgba(124,58,237,0.2);
border-color: rgba(124,58,237,0.4);
color: #C4B5FD;
transform: scale(1.1);
}
.history-copy-btn.copied {
color: #34D399;
}
.trust-badges {
display: flex;
justify-content: center;
gap: .65rem;
flex-wrap: wrap;
margin-top: 2rem;
}
.trust-badges span {
display: inline-flex;
align-items: center;
gap: .4rem;
padding: .35rem 1rem;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 999px;
font-size: .82rem;
color: rgba(241,245,249,0.6);
transition: border-color .2s, background .2s;
}
.trust-badges span:hover {
background: rgba(124,58,237,0.1);
border-color: rgba(124,58,237,0.25);
}
.trust-badges span i {
color: #A78BFA;
font-size: .8rem;
}
.qr-dl-btn {
flex: 1;
padding: .45rem .75rem;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 8px;
color: rgba(241,245,249,0.75);
font-size: .82rem;
font-weight: 500;
cursor: pointer;
transition: all .2s;
}
.qr-dl-btn:hover {
background: rgba(124,58,237,0.2);
border-color: rgba(124,58,237,0.4);
color: #fff;
}
.cal-pop-cell:hover { transform: scale(1.15); box-shadow: 0 3px 12px rgba(124,58,237,.4); z-index: 2; position: relative; }
.cal-pop-cell.cal-pop-sel { box-shadow: 0 0 0 2px #A78BFA !important; transform: scale(1.1); z-index: 3; position: relative; }
#cal-pick-btn:hover { background: rgba(124,58,237,0.22) !important; }
#return-ajax {
display: flex;
align-items: center;
justify-content: center;
}
#return-ajax img,
#return-ajax svg {
width: 360px !important;
height: 360px !important;
display: block;
border-radius: 8px;
}
.qrtype-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
gap: .5rem;
}
.qrtype-tile {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
padding: 10px 6px 8px;
border-radius: 10px;
border: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.03);
text-decoration: none !important;
color: var(--t26-muted);
font-size: .72rem;
font-weight: 600;
transition: background .15s, border-color .15s, color .15s;
cursor: pointer;
}
.qrtype-tile:hover {
background: rgba(124,58,237,.08);
border-color: rgba(255,255,255,0.18);
color: var(--t26-text);
}
.qrtype-tile.active {
background: rgba(124,58,237,.15);
border-color: rgba(124,58,237,.5);
color: #C4B5FD;
}
.qrtype-icon {
width: 32px;
height: 32px;
border-radius: 8px;
background: rgba(255,255,255,0.05);
display: flex;
align-items: center;
justify-content: center;
font-size: .9rem;
transition: background .15s;
}
.qrtype-tile.active .qrtype-icon { background: rgba(255,255,255,0.08); }
#t26-stats {
background: var(--t26-bg2);
border-top: 1px solid var(--t26-border);
border-bottom: 1px solid var(--t26-border);
padding: 4rem 0;
position: relative;
overflow: hidden;
}
#t26-stats::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 60% 80% at 10% 50%, rgba(124,58,237,0.07) 0%, transparent 60%),
radial-gradient(ellipse 60% 80% at 90% 50%, rgba(6,182,212,0.07) 0%, transparent 60%);
pointer-events: none;
}
.st26-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.25rem;
}
@media(max-width:900px){ .st26-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:480px){ .st26-grid { grid-template-columns: 1fr 1fr; gap:.75rem; } }
.st26-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 18px;
padding: 1.75rem 1.5rem 1.5rem;
text-align: center;
position: relative;
overflow: hidden;
opacity: 0;
transform: translateY(28px);
transition: opacity .55s ease var(--st-d, 0s), transform .55s ease var(--st-d, 0s),
box-shadow .3s ease, border-color .3s ease;
}
.st26-card.st26-visible {
opacity: 1;
transform: translateY(0);
}
.st26-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, var(--sg1, #7C3AED), var(--sg2, #06B6D4));
opacity: 0;
transition: opacity .4s ease var(--st-d, 0s);
}
.st26-card.st26-visible::before { opacity: 1; }
.st26-card:hover {
border-color: rgba(124,58,237,0.35);
box-shadow: 0 8px 40px rgba(124,58,237,0.14);
transform: translateY(-4px);
}
.st26-icon-wrap {
width: 52px; height: 52px;
border-radius: 14px;
background: var(--si1, rgba(124,58,237,0.18));
border: 1px solid var(--si2, rgba(124,58,237,0.12));
display: flex; align-items: center; justify-content: center;
margin: 0 auto 1rem;
}
.st26-icon-wrap i {
font-size: 1.3rem;
background: linear-gradient(135deg, var(--sg1, #7C3AED), var(--sg2, #06B6D4));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.st26-number {
font-size: 2.6rem;
font-weight: 800;
line-height: 1;
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
letter-spacing: -.03em;
margin-bottom: .4rem;
}
@media(max-width:480px){ .st26-number { font-size: 2rem; } }
.st26-label {
font-size: .82rem;
color: var(--t26-muted);
letter-spacing: .04em;
text-transform: uppercase;
font-weight: 500;
margin-bottom: .9rem;
}
.st26-bar {
height: 3px;
background: rgba(255,255,255,0.07);
border-radius: 99px;
overflow: hidden;
}
.st26-bar-fill {
height: 100%;
width: 0;
border-radius: 99px;
background: linear-gradient(90deg, #7C3AED, #06B6D4);
transition: width 1.4s cubic-bezier(.22,1,.36,1) .35s;
}
.st26-bar-fill.st26-bar-go {
width: var(--sbw, 80%);
}
#t26-stats .fb-row{display:flex!important;align-items:stretch;position:relative;z-index:1}
#t26-stats .fb-sep{width:1px;background:var(--t26-border);flex-shrink:0}
#t26-stats .fb-item{flex:1;display:flex!important;align-items:center;gap:14px;padding:22px 24px;transition:background .2s;min-width:0}
#t26-stats .fb-item:hover{background:rgba(255,255,255,0.025)}
#t26-stats .fb-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,0.06);display:flex!important;align-items:center;justify-content:center;flex-shrink:0;color:var(--fbc);font-size:.9rem}
#t26-stats .fb-text{display:flex!important;flex-direction:column;gap:2px;min-width:0}
#t26-stats .fb-title{font-size:.82rem;font-weight:700;color:var(--t26-text);white-space:nowrap;display:block}
#t26-stats .fb-sub{font-size:.72rem;color:var(--t26-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
@media(max-width:767px){
#t26-stats .fb-row{flex-wrap:wrap}
#t26-stats .fb-sep{display:none}
#t26-stats .fb-item{flex:1 1 50%;border-bottom:1px solid var(--t26-border);padding:16px 18px}
#t26-stats .fb-item:nth-child(odd){border-right:1px solid var(--t26-border)}
#t26-stats .fb-item:last-child,#t26-stats .fb-item:nth-last-child(2):nth-child(odd){border-bottom:none}
}
@media(max-width:399px){#t26-stats .fb-item{flex:1 1 100%;border-right:none!important}}
.ntf-list{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px}
.ntf-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ntf-dot{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--nd);font-size:.78rem}
.ntf-row-title{font-size:.82rem;font-weight:700;color:var(--t26-text);white-space:nowrap}
.ntf-row-sep{color:rgba(255,255,255,0.2);font-size:.75rem}
.ntf-row-sub{font-size:.75rem;color:var(--t26-muted)}
.pr-page{position:relative;overflow:hidden;padding:70px 0 90px}
.pr-orb-purple{position:absolute;width:650px;height:650px;border-radius:50%;background:rgba(124,58,237,.2);top:-250px;left:-180px;filter:blur(100px);animation:float-orb 10s ease-in-out infinite;pointer-events:none}
.pr-orb-cyan{position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(6,182,212,.14);bottom:-100px;right:-100px;filter:blur(80px);animation:float-orb 12s ease-in-out infinite;animation-delay:-5s;pointer-events:none}
.pr-wrap{position:relative;z-index:1}
.pr-hero{max-width:620px;margin:0 auto 48px;text-align:center}
.pr-h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}
.pr-lead{color:var(--t26-muted);font-size:.97rem;line-height:1.7;margin:0 auto}
.pr-period-wrap{display:flex;justify-content:center;margin-bottom:48px}
.pr-period-group{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:5px}
.pr-period-btn{display:inline-flex;align-items:center;gap:7px;padding:.5rem 1.4rem;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--t26-muted);transition:all .25s ease}
.pr-period-btn.btn-primary{background:linear-gradient(135deg,#7C3AED,#06B6D4)!important;color:#fff!important;box-shadow:0 4px 18px rgba(124,58,237,.35)!important;border-color:transparent!important}
.pr-period-btn.btn-light{background:transparent!important;color:var(--t26-muted)!important;box-shadow:none!important;border-color:transparent!important}
.pr-period-btn.bg-white{background:transparent!important;color:var(--t26-muted)!important;box-shadow:none!important;border-color:transparent!important}
.pr-period-btn i{font-size:.8rem}
.pr-period-save{position:absolute;top:-9px;right:-8px;background:linear-gradient(135deg,#10B981,#06B6D4);color:#fff;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap}
.pr-plans-wrap{padding-bottom:16px}
.pr-plan-card{position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:32px 28px 28px;height:100%;display:flex;flex-direction:column;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;overflow:hidden}
.pr-plan-card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.3);box-shadow:0 16px 48px rgba(124,58,237,.1)}
.pr-plan-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(124,58,237,.07) 0%,transparent 60%);pointer-events:none}
.pr-plan-popular{border-color:rgba(124,58,237,.5)!important;box-shadow:0 0 50px rgba(124,58,237,.18),0 16px 40px rgba(0,0,0,.3)!important;background:rgba(124,58,237,.06)!important}
.pr-plan-popular::before{background:radial-gradient(circle at 50% 0%,rgba(124,58,237,.2) 0%,transparent 65%)!important}
.pr-popular-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;font-size:.7rem;font-weight:800;padding:4px 16px;border-radius:0 0 12px 12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pr-discount-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#10B981,#06B6D4);color:#fff;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:999px}
.pr-plan-top{text-align:center;margin-bottom:20px;padding-top:8px}
.pr-plan-popular .pr-plan-top{padding-top:20px}
.pr-plan-icon{width:52px;height:52px;border-radius:14px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.3rem;color:#A78BFA}
.pr-plan-name{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.pr-plan-desc{font-size:.82rem;color:var(--t26-muted);margin:0}
.pr-plan-price-block{text-align:center;padding:16px 0 20px}
.pr-plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}
.pr-plan-price .price{font-size:2.6rem;font-weight:900;letter-spacing:-.04em;line-height:1}
.pr-plan-period{font-size:.82rem;color:var(--t26-muted);font-weight:500}
.pr-plan-divider{height:1px;background:rgba(255,255,255,.07);margin:0 0 20px}
.pr-feat-list{list-style:none;padding:0;margin:0 0 24px;flex:1}
.pr-feat-item{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.855rem}
.pr-feat-item:last-child{border-bottom:none}
.pr-feat-label{color:var(--t26-muted);cursor:default}
.pr-feat-val{font-weight:700;color:var(--t26-text);font-size:.855rem}
.pr-feat-green{color:#34D399}
.pr-inf{background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pr-feat-check{color:#34D399;font-size:.85rem}
.pr-feat-cross{color:rgba(241,245,249,.2);font-size:.85rem}
.pr-feat-disabled .pr-feat-label{opacity:.5}
.pr-plan-btn{display:flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-size:.9rem;font-weight:700;transition:all .2s;text-decoration:none;margin-top:auto}
.pr-plan-btn-grad{background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border:none}
.pr-plan-btn-grad:hover{opacity:.88;transform:translateY(-1px);color:#fff}
.pr-plan-btn-outline{background:transparent;color:var(--t26-text);border:1px solid rgba(255,255,255,.15)}
.pr-plan-btn-outline:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.08);color:var(--t26-text)}
.pr-trust-strip{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;margin:36px 0 48px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 24px}
.pr-trust-item{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--t26-muted);padding:6px 20px}
.pr-trust-item i{color:#A78BFA;font-size:.85rem}
.pr-trust-sep{width:1px;height:24px;background:rgba(255,255,255,.08);flex-shrink:0}
@media(max-width:575px){.pr-trust-sep{display:none}.pr-trust-item{flex:1 1 50%}}
.pr-cta-band{position:relative;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.25);border-radius:22px;padding:36px 40px;margin-bottom:64px;overflow:hidden}
.pr-cta-glow{position:absolute;width:300px;height:200px;background:rgba(124,58,237,.2);border-radius:50%;filter:blur(60px);top:-60px;left:-40px;pointer-events:none}
.pr-cta-icon{width:48px;height:48px;border-radius:13px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#A78BFA;margin-bottom:14px}
.pr-cta-title{font-size:1.4rem;font-weight:800;margin-bottom:6px}
.pr-cta-sub{color:var(--t26-muted);font-size:.9rem;margin:0}
.pr-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;transition:opacity .2s,transform .15s}
.pr-cta-btn:hover{opacity:.88;transform:translateY(-1px);color:#fff}
.pr-faq-section{padding:0 0 40px}
.pr-faq-intro{position:sticky;top:24px}
.pr-faq-h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem;line-height:1.2}
.pr-faq-lead{color:var(--t26-muted);font-size:.9rem;line-height:1.65;margin-bottom:24px}
.pr-contact-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border-radius:11px;font-weight:700;font-size:.875rem;text-decoration:none;transition:opacity .2s}
.pr-contact-btn:hover{opacity:.88;color:#fff}
.pr-accordion{display:flex;flex-direction:column;gap:8px}
.pr-faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:border-color .2s}
.pr-faq-item:has(.show){border-color:rgba(124,58,237,.3)}
.pr-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:transparent;border:none;color:var(--t26-text);font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:color .2s}
.pr-faq-q:hover{color:#A78BFA}
.pr-faq-q.open{color:#A78BFA}
.pr-faq-chevron{font-size:.75rem;color:var(--t26-muted);transition:transform .3s;flex-shrink:0}
.pr-faq-q.open .pr-faq-chevron{transform:rotate(180deg);color:#A78BFA}
.pr-faq-a{padding:0 20px 18px;font-size:.875rem;color:var(--t26-muted);line-height:1.7}
.pr-faq-a p:last-child{margin:0}
.vl-topbar{height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 60%,#10B981)}
.vl-form-body{padding:32px 32px 24px}
.vl-form-title{text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:4px}
.vl-form-sub{text-align:center;font-size:.82rem;color:var(--t26-muted);margin-bottom:24px}
.vl-label{display:block;font-size:.78rem;font-weight:600;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.vl-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 24px;background:linear-gradient(135deg,#7C3AED 0%,#2563EB 100%);border:none;border-left:1px solid rgba(255,255,255,.08);border-radius:0;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .2s,box-shadow .2s;line-height:1;letter-spacing:.01em}
.vl-btn:hover{opacity:.88;box-shadow:inset 0 0 30px rgba(255,255,255,.08)}
.vl-note{font-size:.76rem;color:var(--t26-muted);margin:0 0 18px;display:flex;align-items:center;gap:7px}
.vl-note i{color:rgba(124,58,237,.8);flex-shrink:0}
.ti-purple{color:#A78BFA}.ti-cyan{color:#22D3EE}.ti-green{color:#34D399}
.vl-section-pill{display:inline-block;padding:.3rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);margin-bottom:12px}
.vl-scard{position:relative;background:rgba(255,255,255,.03);border-radius:20px;padding:32px 24px 28px;height:100%;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;text-align:center}
.vl-scard-p{border:1px solid rgba(124,58,237,.18)}.vl-scard-c{border:1px solid rgba(6,182,212,.18)}.vl-scard-g{border:1px solid rgba(16,185,129,.18)}
.vl-scard:hover{transform:translateY(-6px)}
.vl-scard-p:hover{box-shadow:0 16px 48px rgba(124,58,237,.12);border-color:rgba(124,58,237,.35)}
.vl-scard-c:hover{box-shadow:0 16px 48px rgba(6,182,212,.1);border-color:rgba(6,182,212,.35)}
.vl-scard-g:hover{box-shadow:0 16px 48px rgba(16,185,129,.1);border-color:rgba(16,185,129,.35)}
.vl-snb{position:absolute;top:16px;right:18px;font-size:.65rem;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:999px}
.vl-snb-p{background:rgba(124,58,237,.12);color:#A78BFA;border:1px solid rgba(124,58,237,.28)}
.vl-snb-c{background:rgba(6,182,212,.12);color:#22D3EE;border:1px solid rgba(6,182,212,.28)}
.vl-snb-g{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.vl-sibox{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:1.4rem}
.vl-sibox-p{background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.3);color:#A78BFA;box-shadow:0 4px 24px rgba(124,58,237,.18)}
.vl-sibox-c{background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.3);color:#22D3EE;box-shadow:0 4px 24px rgba(6,182,212,.15)}
.vl-sibox-g{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#34D399;box-shadow:0 4px 24px rgba(16,185,129,.15)}
.vl-sh3{font-size:1.05rem;font-weight:700;margin-bottom:.55rem}.vl-sp{font-size:.855rem;color:var(--t26-muted);line-height:1.6;margin:0}
.vl-scard::after{content:'';position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:130px;height:90px;border-radius:50%;filter:blur(35px);pointer-events:none}
.vl-scard-p::after{background:rgba(124,58,237,.28)}.vl-scard-c::after{background:rgba(6,182,212,.22)}.vl-scard-g::after{background:rgba(16,185,129,.22)}
.vl-page{position:relative;overflow:hidden;background:var(--t26-bg);padding:70px 0 80px;min-height:80vh}
.vl-orb-purple,.vl-orb-cyan{position:absolute;border-radius:50%;pointer-events:none}
.vl-orb-purple{width:700px;height:700px;background:rgba(124,58,237,.22);top:-250px;left:-200px;filter:blur(100px);animation:float-orb 9s ease-in-out infinite}
.vl-orb-cyan{width:400px;height:400px;background:rgba(6,182,212,.14);bottom:-100px;right:-100px;filter:blur(80px);animation:float-orb 11s ease-in-out infinite;animation-delay:-4s}
.vl-wrap{position:relative;z-index:1}
.vl-hero-head{max-width:640px;margin:0 auto 48px;text-align:center}
.vl-h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}
.vl-lead{color:var(--t26-muted);font-size:1rem;line-height:1.65;max-width:500px;margin:0 auto}
.vl-form-shell{max-width:680px;margin:0 auto 70px;background:rgba(255,255,255,.03);border:1px solid rgba(124,58,237,.25);border-radius:24px;overflow:hidden;box-shadow:0 0 60px rgba(124,58,237,.12),0 20px 60px rgba(0,0,0,.3)}
.vl-form-icon-wrap{display:flex;justify-content:center;margin:28px 0 12px}
.vl-form-icon{width:60px;height:60px;border-radius:16px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(124,58,237,.2)}
.vl-form-icon i{font-size:1.5rem;background:linear-gradient(135deg,#A78BFA,#38BDF8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.vl-url-bar{display:flex;align-items:stretch;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s;margin-bottom:10px}
.vl-url-bar:focus-within{border-color:rgba(124,58,237,.5);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.vl-url-prefix{display:flex;align-items:center;padding:0 14px;color:var(--t26-muted);font-size:.9rem;flex-shrink:0;border-right:1px solid rgba(255,255,255,.08)}
.vl-url-input{flex:1;background:transparent;border:none;outline:none;color:var(--t26-text);font-size:.9rem;padding:14px;min-width:0;align-self:center}
.vl-url-input::placeholder{color:rgba(255,255,255,.25)}
.vl-trust-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:18px 28px 28px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}
.vl-trust-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--t26-muted)}
.vl-steps-section{max-width:920px;margin:0 auto;text-align:center}
.vl-steps-h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:36px}
.vl-result-card{max-width:680px;margin:0 auto 48px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:28px 28px 20px;box-shadow:0 0 50px rgba(16,185,129,.1),0 16px 48px rgba(0,0,0,.25);animation:vl-fadein .4s ease}
@keyframes vl-fadein{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.vl-result-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.vl-result-icon-wrap{width:48px;height:48px;border-radius:14px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vl-result-icon-wrap i{font-size:1.3rem;color:#34D399}
.vl-result-title{font-size:1rem;font-weight:700;color:#34D399;margin-bottom:2px}
.vl-result-sub{font-size:.78rem;color:var(--t26-muted)}
.vl-result-url-row{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px 4px 4px 16px;margin-bottom:14px;overflow:hidden}
.vl-result-url{flex:1;display:flex;align-items:center;gap:10px;color:#A78BFA;font-size:.875rem;font-weight:500;word-break:break-all;text-decoration:none;min-width:0;overflow:hidden}
.vl-result-url:hover{color:#C4B5FD;text-decoration:underline}
.vl-result-url-icon{flex-shrink:0;font-size:.8rem;color:rgba(124,58,237,.6)}
.vl-result-copy-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.3);border-radius:9px;color:#C4B5FD;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s,border-color .2s,color .2s}
.vl-result-copy-btn:hover{background:rgba(124,58,237,.3);border-color:rgba(124,58,237,.5);color:#fff}
.vl-result-copy-btn.copied{color:#34D399}
.vl-result-warning{font-size:.78rem;color:var(--t26-muted);display:flex;align-items:flex-start;gap:8px;margin:0}
.vl-result-warning i{color:rgba(251,191,36,.7);flex-shrink:0;margin-top:2px}
@media(max-width:576px){.vl-result-url-row{flex-direction:column;align-items:stretch;padding:12px 16px}.vl-result-copy-btn{justify-content:center}}
.blg-hero{position:relative;overflow:hidden;padding:80px 0 70px;text-align:center;background:var(--t26-bg)}
.blg-hero-orb1{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(124,58,237,.2);top:-200px;left:-150px;filter:blur(90px);pointer-events:none;animation:float-orb 10s ease-in-out infinite}
.blg-hero-orb2{position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(6,182,212,.14);bottom:-100px;right:-80px;filter:blur(80px);pointer-events:none;animation:float-orb 13s ease-in-out infinite;animation-delay:-5s}
.blg-hero-label{display:inline-block;padding:5px 18px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A78BFA;margin-bottom:18px}
.blg-hero-h1{position:relative;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.03em;margin-bottom:14px}
.blg-hero-lead{position:relative;font-size:1rem;color:var(--t26-muted);max-width:480px;margin:0 auto}
.blg-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0 28px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:40px}
.blg-filter-pills{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.blg-filter-pill{padding:7px 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--t26-muted);font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.blg-filter-pill:hover{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.3);color:#C4B5FD}
.blg-filter-pill.active{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.5);color:#A78BFA}
.blg-search-wrap{display:flex;align-items:stretch;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;transition:border-color .2s}
.blg-search-wrap:focus-within{border-color:rgba(124,58,237,.4)}
.blg-search-input{background:transparent;border:none;outline:none;color:var(--t26-text);padding:8px 14px;font-size:.85rem;width:180px}
.blg-search-input::placeholder{color:rgba(255,255,255,.25)}
.blg-search-btn{background:rgba(124,58,237,.2);border:none;border-left:1px solid rgba(124,58,237,.2);padding:8px 14px;color:#A78BFA;cursor:pointer;transition:background .2s;flex-shrink:0}
.blg-search-btn:hover{background:rgba(124,58,237,.35);color:#fff}
.blg-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;height:100%}
.blg-card:hover{transform:translateY(-5px);border-color:rgba(124,58,237,.3);box-shadow:0 16px 48px rgba(0,0,0,.3)}
.blg-card-img-wrap{display:block;overflow:hidden;position:relative;aspect-ratio:16/9;flex-shrink:0}
.blg-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.blg-card:hover .blg-card-img{transform:scale(1.06)}
.blg-card-cat{position:absolute;top:12px;left:12px;padding:4px 12px;background:rgba(124,58,237,.85);backdrop-filter:blur(8px);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.blg-card-cat-top{padding:18px 20px 0}
.blg-card-cat-pill{display:inline-block;padding:3px 12px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A78BFA;text-decoration:none}
.blg-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.blg-card-title{display:block;font-size:.975rem;font-weight:700;line-height:1.45;color:var(--t26-text);text-decoration:none;transition:color .2s}
.blg-card:hover .blg-card-title{color:#A78BFA}
.blg-card-excerpt{font-size:.845rem;color:var(--t26-muted);line-height:1.65;margin:0;flex:1}
.blg-card-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:14px;margin-top:auto}
.blg-card-author{display:flex;align-items:center;gap:8px}
.blg-card-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}
.blg-card-avatar-init{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;color:#fff;flex-shrink:0}
.blg-card-author-name{font-size:.78rem;font-weight:600;color:var(--t26-text)}
.blg-card-meta{font-size:.74rem;color:var(--t26-muted);display:flex;align-items:center;gap:5px}
.blg-card-dot{color:rgba(255,255,255,.2);font-size:.6rem}
.blg-clock-icon{opacity:.45;margin-right:3px;font-size:.7rem}
.blg-featured{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:border-color .25s,box-shadow .25s;margin-bottom:48px}
.blg-featured:hover{border-color:rgba(124,58,237,.35);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.blg-featured-img-wrap{display:block;overflow:hidden;position:relative;min-height:320px}
.blg-featured-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.blg-featured:hover .blg-featured-img{transform:scale(1.04)}
.blg-featured-body{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.blg-featured-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A78BFA;text-decoration:none;width:fit-content;transition:background .2s}
.blg-featured-badge:hover{background:rgba(124,58,237,.28)}
.blg-featured-title{font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:800;line-height:1.3;letter-spacing:-.025em;color:var(--t26-text);text-decoration:none;display:block;transition:color .2s}
.blg-featured:hover .blg-featured-title{color:#A78BFA}
.blg-featured-excerpt{font-size:.9rem;color:var(--t26-muted);line-height:1.7;margin:0}
.blg-featured-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.blg-featured-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}
.blg-featured-avatar-init{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;flex-shrink:0}
.blg-featured-author{font-size:.875rem;font-weight:700}
.blg-featured-info{font-size:.78rem;color:var(--t26-muted);display:flex;align-items:center;gap:6px}
.blg-featured-read-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:12px;color:#C4B5FD;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;width:fit-content;margin-top:4px}
.blg-featured-read-btn:hover{background:rgba(124,58,237,.3);border-color:rgba(124,58,237,.6);color:#fff}
@media(max-width:767px){.blg-featured{grid-template-columns:1fr}.blg-featured-img-wrap{min-height:220px;aspect-ratio:16/9}.blg-featured-body{padding:26px 24px;gap:14px}}
.blg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:991px){.blg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.blg-grid{grid-template-columns:1fr}}
.blg-sidebar-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px 22px 18px;margin-bottom:20px}
.blg-sidebar-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A78BFA;display:block;margin-bottom:14px}
.blg-popular-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;transition:opacity .2s}
.blg-popular-item:last-child{border-bottom:none;padding-bottom:0}
.blg-popular-item:hover{opacity:.75}
.blg-popular-num{font-size:.75rem;font-weight:800;color:rgba(124,58,237,.6);flex-shrink:0;min-width:22px;padding-top:2px;font-variant-numeric:tabular-nums}
.blg-popular-title{font-size:.855rem;color:var(--t26-text);line-height:1.45}
.blg-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 60%,#10B981);width:0%;z-index:9999;pointer-events:none;transition:width .08s linear}
.blg-single-page{padding-bottom:0}
.blg-single-page .container{padding-top:56px}
.blg-single-cat{display:inline-block;padding:4px 14px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A78BFA;text-decoration:none;margin-bottom:20px;transition:background .2s}
.blg-single-cat:hover{background:rgba(124,58,237,.28)}
.blg-single-h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;line-height:1.22;letter-spacing:-.03em;margin-bottom:24px}
.blg-single-author-bar{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:40px}
.blg-single-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.blg-single-avatar-init{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff;flex-shrink:0}
.blg-single-author-name{font-size:.9rem;font-weight:700;margin-bottom:3px}
.blg-single-author-meta{font-size:.78rem;color:var(--t26-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.blg-single-img-wrap{border-radius:20px;overflow:hidden;aspect-ratio:21/9}
.blg-single-img{width:100%;height:100%;object-fit:cover;display:block}
.blg-article-body{max-width:100%;font-size:1.025rem;line-height:1.8}
.blg-related{border-top:1px solid rgba(255,255,255,.07);padding:60px 0 80px;margin-top:60px}
.rp-page{position:relative;overflow:hidden;padding:70px 0 90px}
.rp-orb-red{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(244,63,94,.18);top:-180px;right:-120px;filter:blur(90px);animation:float-orb 10s ease-in-out infinite;pointer-events:none}
.rp-orb-purple{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(124,58,237,.15);bottom:-100px;left:-80px;filter:blur(80px);animation:float-orb 12s ease-in-out infinite;animation-delay:-5s;pointer-events:none}
.rp-wrap{position:relative;z-index:1}
.rp-hero{max-width:580px;margin:0 auto 44px;text-align:center}
.rp-h1{font-size:clamp(1.9rem,5vw,2.9rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:.9rem}
.rp-lead{color:var(--t26-muted);font-size:.95rem;line-height:1.65;margin:0 auto}
.rp-shell{max-width:620px;margin:0 auto 64px;background:rgba(255,255,255,.025);border:1px solid rgba(244,63,94,.28);border-radius:24px;overflow:hidden;box-shadow:0 0 60px rgba(244,63,94,.08),0 24px 60px rgba(0,0,0,.35)}
.rp-topbar{height:3px;background:linear-gradient(90deg,#F43F5E,#FB923C 55%,#FBBF24)}
.rp-body{padding:32px 32px 24px}
.rp-icon-wrap{display:flex;justify-content:center;margin-bottom:16px}
.rp-icon{width:58px;height:58px;border-radius:16px;background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.32);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px rgba(244,63,94,.18)}
.rp-icon i{font-size:1.4rem;background:linear-gradient(135deg,#F43F5E,#FB923C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rp-form-title{text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:4px}
.rp-form-sub{text-align:center;font-size:.82rem;color:var(--t26-muted);margin-bottom:26px}
.rp-label{display:block;font-size:.75rem;font-weight:600;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}
.rp-input,.rp-select,.rp-textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:11px;color:var(--t26-text);font-size:.9rem;padding:12px 15px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.rp-input::placeholder,.rp-textarea::placeholder{color:rgba(255,255,255,.22)}
.rp-input:focus,.rp-select:focus,.rp-textarea:focus{border-color:rgba(244,63,94,.5);box-shadow:0 0 0 3px rgba(244,63,94,.1)}
.rp-select option,.rp-select option:hover,.rp-select option:focus,.rp-select option:checked,.rp-select option:active{background:#0D0D2B!important;color:#F1F5F9!important}
.rp-select-hidden{display:none!important}
.rp-csel{position:relative;width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:11px;color:var(--t26-text);font-size:.9rem;padding:12px 15px;cursor:pointer;user-select:none;transition:border-color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:space-between}
.rp-csel:focus,.rp-csel.open{border-color:rgba(244,63,94,.5);box-shadow:0 0 0 3px rgba(244,63,94,.1)}
.rp-csel-val{flex:1;color:rgba(241,245,249,.45)}
.rp-csel-val.selected{color:var(--t26-text)}
.rp-csel-arrow{font-size:.7rem;color:var(--t26-muted);transition:transform .2s;flex-shrink:0}
.rp-csel.open .rp-csel-arrow{transform:rotate(180deg)}
.rp-csel-list{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0D0D2B;border:1px solid rgba(244,63,94,.3);border-radius:11px;overflow:hidden;z-index:999;box-shadow:0 8px 32px rgba(0,0,0,.5);list-style:none;margin:0;padding:4px 0}
.rp-csel.open .rp-csel-list{display:block}
.rp-csel-opt{padding:10px 15px;font-size:.9rem;color:var(--t26-text);cursor:pointer;transition:background .15s,color .15s}
.rp-csel-opt:hover{background:rgba(244,63,94,.12);color:#F87171}
.rp-csel-opt.active{background:rgba(244,63,94,.18);color:#F87171;font-weight:600}
.rp-form-error{display:none;align-items:center;gap:8px;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3);border-radius:10px;padding:11px 14px;font-size:.84rem;color:#F87171;margin-bottom:18px}
.rp-success{display:none;padding:48px 32px 40px;text-align:center}
.rp-success.visible{display:block}
.rp-success-circle{width:80px;height:80px;border-radius:50%;background:rgba(16,185,129,.1);border:2px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 0 40px rgba(16,185,129,.18)}
.rp-checkmark{width:46px;height:46px}
.rp-checkmark-circle{stroke:rgba(16,185,129,.6);stroke-width:2;stroke-dasharray:157;stroke-dashoffset:157;animation:rp-circle .5s ease .1s forwards}
.rp-checkmark-check{stroke:#34D399;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:rp-check .4s ease .55s forwards}
@keyframes rp-circle{to{stroke-dashoffset:0}}
@keyframes rp-check{to{stroke-dashoffset:0}}
.rp-success-title{font-size:1.4rem;font-weight:800;color:var(--t26-text);margin-bottom:.5rem}
.rp-success-lead{font-size:.95rem;font-weight:600;color:#34D399;margin-bottom:.75rem}
.rp-success-msg{font-size:.85rem;color:var(--t26-muted);line-height:1.65;max-width:420px;margin:0 auto 24px}
.rp-success-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.rp-success-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);font-size:.75rem;color:#34D399;font-weight:600}
.rp-textarea{resize:vertical;min-height:110px;line-height:1.55}
.rp-help{font-size:.74rem;color:var(--t26-muted);margin-top:5px;display:flex;justify-content:space-between;align-items:center}
.rp-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:linear-gradient(135deg,#F43F5E,#FB923C);border:none;border-radius:11px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}
.rp-btn:hover{opacity:.88;transform:translateY(-1px)}
.rp-privacy{display:flex;align-items:flex-start;gap:10px;padding:16px 24px 18px;border-top:1px solid rgba(255,255,255,.05);font-size:.78rem;color:var(--t26-muted);line-height:1.55}
.rp-privacy i{color:rgba(16,185,129,.75);flex-shrink:0;margin-top:2px}
.rp-cards-section{max-width:900px;margin:0 auto;text-align:center}
.rp-section-pill{display:inline-block;padding:.3rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);margin-bottom:12px}
.rp-cards-h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:32px}
.rp-card{position:relative;background:rgba(255,255,255,.03);border-radius:20px;padding:30px 24px 26px;height:100%;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;text-align:center}
.rp-card-r{border:1px solid rgba(244,63,94,.18)}.rp-card-o{border:1px solid rgba(251,146,60,.18)}.rp-card-g{border:1px solid rgba(16,185,129,.18)}
.rp-card:hover{transform:translateY(-5px)}
.rp-card-r:hover{box-shadow:0 14px 44px rgba(244,63,94,.1);border-color:rgba(244,63,94,.35)}
.rp-card-o:hover{box-shadow:0 14px 44px rgba(251,146,60,.1);border-color:rgba(251,146,60,.35)}
.rp-card-g:hover{box-shadow:0 14px 44px rgba(16,185,129,.1);border-color:rgba(16,185,129,.35)}
.rp-card::after{content:'';position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:120px;height:80px;border-radius:50%;filter:blur(32px);pointer-events:none}
.rp-card-r::after{background:rgba(244,63,94,.25)}.rp-card-o::after{background:rgba(251,146,60,.2)}.rp-card-g::after{background:rgba(16,185,129,.2)}
.rp-badge{position:absolute;top:15px;right:16px;font-size:.64rem;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:999px}
.rp-badge-r{background:rgba(244,63,94,.12);color:#F87171;border:1px solid rgba(244,63,94,.28)}
.rp-badge-o{background:rgba(251,146,60,.12);color:#FB923C;border:1px solid rgba(251,146,60,.28)}
.rp-badge-g{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.rp-cibox{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.35rem}
.rp-cibox-r{background:rgba(244,63,94,.13);border:1px solid rgba(244,63,94,.3);color:#F87171;box-shadow:0 4px 22px rgba(244,63,94,.18)}
.rp-cibox-o{background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.3);color:#FB923C;box-shadow:0 4px 22px rgba(251,146,60,.15)}
.rp-cibox-g{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#34D399;box-shadow:0 4px 22px rgba(16,185,129,.15)}
.rp-ch3{font-size:1rem;font-weight:700;margin-bottom:.5rem}.rp-cp{font-size:.855rem;color:var(--t26-muted);line-height:1.6;margin:0}
.qr-form .form-control,.qr-form .form-select{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--t26-text,#F1F5F9)!important;padding:.65rem 1rem;font-size:.875rem;transition:border-color .2s,background .2s;outline:none;box-shadow:none!important}
.qr-form .form-control:focus,.qr-form .form-select:focus{background:rgba(255,255,255,.08)!important;border-color:rgba(124,58,237,.5);color:var(--t26-text,#F1F5F9)!important}
.qr-form .form-control::placeholder{color:rgba(148,163,184,.5)}
.qr-form .form-label{font-size:.78rem;font-weight:700;color:rgba(148,163,184,.9);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.45rem}
.qr-form .clr-field{width:100%}
.qr-form .clr-field input.form-control{border-radius:10px;cursor:pointer;padding-right:44px}
.qr-form .clr-field button{border-radius:0 10px 10px 0;width:36px}
.qr-form .form-select{-webkit-appearance:none;appearance:none;background-color:rgba(15,12,40,.95)!important;color-scheme:dark}
.qr-form .form-select option,.qr-form .form-select optgroup{background:#0D0D2B!important;color:#F1F5F9!important}
.qr-form .form-text{font-size:.72rem;color:rgba(148,163,184,.55);margin-top:.35rem}
.qr-form fieldset{border:none;padding:0;margin:0}
.qr-form legend{font-size:.82rem;font-weight:700;color:rgba(148,163,184,.8);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem;padding:0;float:none;width:auto}
.qr-csel-wrap{position:relative;width:100%}
.qr-csel-wrap select{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.qr-csel-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(15,12,40,.95);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#F1F5F9;padding:.65rem 1rem;font-size:.875rem;cursor:pointer;transition:border-color .2s;user-select:none}
.qr-csel-trigger:hover,.qr-csel-wrap.open .qr-csel-trigger{border-color:rgba(124,58,237,.5)}
.qr-csel-arrow{flex-shrink:0;color:rgba(148,163,184,.6);transition:transform .2s;line-height:1}
.qr-csel-trigger svg,.qr-csel-arrow svg{flex-shrink:0;transition:transform .2s;color:rgba(148,163,184,.6)}
.qr-csel-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0D0D2B;border:1px solid rgba(124,58,237,.35);border-radius:10px;overflow:hidden;z-index:200;box-shadow:0 8px 32px rgba(0,0,0,.5);display:none}
.qr-csel-wrap.open .qr-csel-list{display:block}
.qr-csel-opt{padding:.6rem 1rem;font-size:.875rem;color:#F1F5F9;cursor:pointer;transition:background .15s}
.qr-csel-opt:hover{background:rgba(124,58,237,.18)}
.qr-csel-opt.selected{background:rgba(124,58,237,.28);color:#A78BFA}
.plan-toggle{display:flex;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.3rem;gap:.3rem}
.plan-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;color:rgba(148,163,184,.8);cursor:pointer;background:none;border:none;text-decoration:none!important;transition:background .2s,color .2s;white-space:nowrap}
.plan-btn.active,.plan-btn:first-child:not(a){background:var(--t26-gradient,linear-gradient(135deg,#7C3AED,#06B6D4));color:#fff!important}
.plan-btn:not(.active):hover{background:rgba(255,255,255,.06);color:#F1F5F9}
.qr-form nav[aria-label="QR content type"]{display:flex;flex-wrap:wrap;gap:.4rem}
.qr-type-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:9px;font-size:.8rem;font-weight:600;color:rgba(148,163,184,.75);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;text-decoration:none!important;transition:background .2s,color .2s,border-color .2s}
.qr-type-btn:hover{background:rgba(124,58,237,.12);border-color:rgba(124,58,237,.3);color:#F1F5F9}
.qr-type-btn.active{background:rgba(124,58,237,.18);border-color:rgba(124,58,237,.45);color:#F1F5F9}
.switcher-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.35rem 1.4rem;margin-bottom:.5rem}
.collapse-toggle-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:rgba(148,163,184,.85);font-size:.85rem;font-weight:600;text-decoration:none!important;transition:background .2s,border-color .2s}
.collapse-toggle-link:hover{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.25);color:#F1F5F9}
.preview-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.5rem;position:sticky;top:90px}
.preview-panel h3{color:var(--t26-text,#F1F5F9)}
.download-btn{display:inline-flex;align-items:center;gap:.35rem;flex:1;justify-content:center;padding:.5rem;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:9px;color:var(--t26-primary-light,#A78BFA);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s;text-transform:uppercase;letter-spacing:.05em}
.download-btn:hover{background:rgba(124,58,237,.25);border-color:rgba(124,58,237,.5);color:#fff}
@media(max-width:991.98px){#bio-hero .row>div:first-child{order:1}#bio-hero .row>div:last-child{order:2}.bio-feat-grid{grid-template-columns:1fr 1fr!important}.preview-panel{position:static;margin-top:1.5rem}}
@media(max-width:767.98px){section[style*="grid-template-columns:1fr 1fr"],div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}div[style*="grid-template-columns:repeat(6,1fr)"]{grid-template-columns:repeat(3,1fr)!important}div[style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}.bio-feat-grid{grid-template-columns:1fr 1fr!important}div[style*="position:absolute;top:32px"]{display:none!important}}
@media(max-width:575.98px){.bio-feat-grid{grid-template-columns:1fr!important}.qr-form .row.g-4>.col-6{flex:0 0 100%;max-width:100%}.qr-form nav[aria-label="QR content type"]{gap:.3rem}.qr-type-btn{font-size:.73rem;padding:.4rem .7rem}}
@keyframes napi-float-terminal{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-12px) rotate(.5deg)}}
@keyframes napi-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes napi-line-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.napi-hero{position:relative;overflow:hidden;padding:96px 0 80px;background:var(--t26-bg)}
.napi-orb-a{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.28) 0%,transparent 70%);top:-120px;right:-60px;pointer-events:none;animation:orb-pulse 7s ease-in-out infinite}
.napi-orb-b{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.18) 0%,transparent 70%);bottom:-80px;left:40px;pointer-events:none;animation:orb-pulse 9s ease-in-out infinite reverse}
.napi-hero-h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:1.2rem}
.napi-hero-lead{font-size:1.05rem;color:var(--t26-muted);line-height:1.7;margin-bottom:2rem;max-width:480px}
.napi-hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.napi-terminal-wrap{animation:napi-float-terminal 5s ease-in-out infinite}
.napi-terminal{background:rgba(10,8,28,.92);border:1px solid rgba(124,58,237,.35);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(124,58,237,.15),inset 0 1px 0 rgba(255,255,255,.05)}
.napi-term-header{background:rgba(124,58,237,.12);padding:11px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(124,58,237,.2)}
.napi-term-dots{display:flex;gap:6px}
.napi-term-dots span{width:12px;height:12px;border-radius:50%}
.napi-term-dots span:nth-child(1){background:#FF5F57}
.napi-term-dots span:nth-child(2){background:#FFBD2E}
.napi-term-dots span:nth-child(3){background:#28CA41}
.napi-term-title{font-size:.74rem;color:rgba(148,163,184,.5);flex:1;text-align:center;letter-spacing:.04em}
.napi-term-body{padding:20px 22px;font-family:'Fira Code','Cascadia Code','Courier New',monospace;font-size:.78rem;line-height:1.8}
.napi-term-line{display:block;animation:napi-line-in .35s ease both}
.napi-term-line:nth-child(1){animation-delay:.1s}.napi-term-line:nth-child(2){animation-delay:.25s}.napi-term-line:nth-child(3){animation-delay:.4s}.napi-term-line:nth-child(4){animation-delay:.55s}.napi-term-line:nth-child(5){animation-delay:.7s}.napi-term-line:nth-child(6){animation-delay:.85s}.napi-term-line:nth-child(7){animation-delay:1s}.napi-term-line:nth-child(8){animation-delay:1.15s}.napi-term-line:nth-child(9){animation-delay:1.3s}.napi-term-line:nth-child(10){animation-delay:1.45s}.napi-term-line:nth-child(11){animation-delay:1.6s}.napi-term-line:nth-child(12){animation-delay:1.75s}.napi-term-line:nth-child(13){animation-delay:1.9s}.napi-term-line:nth-child(14){animation-delay:2.05s}.napi-term-line:nth-child(15){animation-delay:2.2s}.napi-term-line:nth-child(16){animation-delay:2.35s}
.napi-term-sep{margin:10px 0;border:none;border-top:1px solid rgba(124,58,237,.2)}
.napi-c-comment{color:rgba(148,163,184,.42)}.napi-c-method{color:#C084FC}.napi-c-url{color:#67E8F9}.napi-c-key{color:#FCD34D}.napi-c-str{color:#86EFAC}.napi-c-num{color:#FB923C}.napi-c-ok{color:#34D399}.napi-c-gray{color:rgba(148,163,184,.6)}
.napi-cursor{display:inline-block;width:7px;height:13px;background:#A78BFA;border-radius:1px;vertical-align:middle;animation:napi-blink 1s step-end infinite}
.napi-section{padding:80px 0}
.napi-section-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#A78BFA;margin-bottom:.6rem}
.napi-section-h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:.8rem}
.napi-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:2.5rem}
.napi-feat-card{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.18);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:transform .25s,border-color .25s,box-shadow .25s}
.napi-feat-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.45);box-shadow:0 12px 40px rgba(124,58,237,.15)}
.napi-feat-icon{width:42px;height:42px;border-radius:10px;background:rgba(124,58,237,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;color:#A78BFA}
.napi-feat-body h4{font-size:.93rem;font-weight:700;margin-bottom:.3rem}.napi-feat-body p{font-size:.8rem;color:var(--t26-muted);margin:0;line-height:1.5}
.napi-steps-section{padding:80px 0;background:rgba(124,58,237,.04);border-top:1px solid rgba(124,58,237,.1);border-bottom:1px solid rgba(124,58,237,.1)}
.napi-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:3rem;max-width:780px;margin-left:auto;margin-right:auto}
.napi-step{text-align:center;padding:24px 20px}
.napi-step-num-wrap{position:relative;width:68px;height:68px;margin:0 auto 18px}
.napi-step-num{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;position:relative;z-index:1}
.napi-step-glow{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.4),transparent 70%);animation:fhp-step-glow 3s ease-in-out infinite}
.napi-step h3{font-size:.95rem;font-weight:700;margin-bottom:.5rem}.napi-step p{font-size:.82rem;color:var(--t26-muted);line-height:1.55;margin:0}
.napi-apikey-card{background:rgba(6,182,212,.06);border:1px solid rgba(6,182,212,.25);border-radius:18px;padding:32px}
.napi-apikey-card h3{font-size:1.1rem;font-weight:700;margin-bottom:1.1rem;color:#67E8F9}
.napi-apikey-steps{counter-reset:napi-counter;list-style:none;padding:0;margin:0}
.napi-apikey-steps li{counter-increment:napi-counter;display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:.88rem;color:var(--t26-text)}
.napi-apikey-steps li::before{content:counter(napi-counter);min-width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:1px}
.napi-apikey-link{color:#67E8F9;font-weight:600;text-decoration:none}.napi-apikey-link:hover{color:#A78BFA}
.napi-cta{padding:80px 0;text-align:center}
.napi-cta-h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:1rem}
.napi-cta-lead{font-size:1rem;color:var(--t26-muted);margin-bottom:2.2rem;max-width:520px;margin-left:auto;margin-right:auto}
.napi-cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.napi-dl-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:12px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px rgba(124,58,237,.35)}
.napi-dl-btn:hover{transform:translateY(-2px);box-shadow:0 14px 48px rgba(124,58,237,.5);color:#fff}
.napi-demo-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:12px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.35);color:var(--t26-text);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s}
.napi-demo-btn:hover{background:rgba(124,58,237,.22);border-color:rgba(124,58,237,.6);color:var(--t26-text);transform:translateY(-2px)}
.napi-trust-badges{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:2rem}
.napi-trust-badge{display:flex;align-items:center;gap:7px;font-size:.78rem;color:rgba(148,163,184,.7);background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.15);border-radius:20px;padding:6px 14px}
.napi-trust-badge i{color:#A78BFA}
.napi-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:3rem}
.napi-mini-card{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.15);border-radius:14px;padding:28px 24px;text-align:center;transition:transform .2s,border-color .2s}
.napi-mini-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.35)}
.napi-mini-card i{font-size:1.8rem;margin-bottom:12px;display:block}
.napi-mini-card h5{font-size:.9rem;font-weight:700;margin-bottom:.3rem}.napi-mini-card p{font-size:.78rem;color:var(--t26-muted);margin:0}
@media(max-width:991px){.napi-terminal-wrap{margin-top:40px}.napi-feat-grid{grid-template-columns:repeat(2,1fr)}.napi-steps-grid{grid-template-columns:1fr;max-width:360px}}
@media(max-width:767px){.napi-hero{padding:60px 0 50px}.napi-hero-lead{max-width:100%}.napi-mini-cards{grid-template-columns:1fr}.napi-feat-grid{grid-template-columns:1fr}}
@keyframes fh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fh-pulse-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes fh-march-dash{to{stroke-dashoffset:-200}}
@keyframes fh-row-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes fh-bar-in{from{width:0}to{width:var(--w)}}
@keyframes fh-slide-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fh-shimmer-btn{0%{left:-100%}100%{left:200%}}
@keyframes fh-scan-slide{0%{left:-40%}100%{left:140%}}
@keyframes fh-spin-slow{to{transform:rotate(360deg)}}
@keyframes fh-bounce-in{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04)}100%{transform:scale(1);opacity:1}}
@keyframes fh-count-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.fh-hero{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,rgba(13,13,43,1) 0%,rgba(7,7,26,1) 100%);border:1px solid rgba(255,255,255,.07);padding:30px 36px;margin-bottom:28px;animation:fh-slide-up .5s ease both}
.fh-hero-orb-a{position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(124,58,237,.22);top:-130px;right:-70px;filter:blur(80px);pointer-events:none;animation:float-orb 10s ease-in-out infinite}
.fh-hero-orb-b{position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(6,182,212,.16);bottom:-80px;left:-50px;filter:blur(70px);pointer-events:none;animation:float-orb 13s ease-in-out infinite;animation-delay:-5s}
.fh-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.fh-hero-icon{width:58px;height:58px;border-radius:16px;background:rgba(124,58,237,.13);border:1px solid rgba(124,58,237,.32);display:flex;align-items:center;justify-content:center;font-size:1.55rem;color:#A78BFA;flex-shrink:0;box-shadow:0 0 28px rgba(124,58,237,.25);animation:fh-float 5s ease-in-out infinite}
.fh-hero-title{font-size:1.35rem;font-weight:800;letter-spacing:-.025em;margin-bottom:3px}
.fh-hero-sub{color:var(--t26-muted);font-size:.83rem;margin:0}
.fh-hero-stats{display:flex;gap:28px;margin-left:auto;flex-wrap:wrap}
.fh-stat{text-align:center}
.fh-stat-val{font-size:1.35rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#A78BFA,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fh-count-up .6s ease both}
.fh-stat-lbl{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;color:var(--t26-muted);margin-top:3px}
.fh-quota-bar{height:3px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:7px;overflow:hidden;width:64px}
.fh-quota-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);animation:fh-bar-in .9s ease both}
.fh-dropzone{position:relative;border:2px dashed rgba(124,58,237,.38);border-radius:18px;background:rgba(124,58,237,.04);padding:52px 28px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:20px;overflow:hidden}
.fh-dropzone::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,rgba(124,58,237,.12) 0%,transparent 60%);pointer-events:none}
.fh-dropzone:hover,.fh-dropzone.dz-drag-hover{border-color:rgba(124,58,237,.75);background:rgba(124,58,237,.09);box-shadow:0 0 40px rgba(124,58,237,.12) inset}
.fh-dropzone-icon{width:62px;height:62px;border-radius:16px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.4rem;color:#A78BFA;animation:fh-float 4s ease-in-out infinite;box-shadow:0 4px 24px rgba(124,58,237,.2)}
.fh-dropzone-title{font-size:1rem;font-weight:700;margin-bottom:6px}
.fh-dropzone-meta{font-size:.77rem;color:var(--t26-muted);margin-bottom:16px}
.fh-dz-types{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-bottom:18px}
.fh-dz-type{padding:3px 9px;border-radius:6px;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);font-size:.62rem;font-weight:700;color:#A78BFA;text-transform:uppercase;letter-spacing:.06em}
.fh-select-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 24px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border-radius:10px;font-size:.875rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .15s;position:relative;overflow:hidden}
.fh-select-btn::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:fh-shimmer-btn 3s ease-in-out infinite}
.fh-select-btn:hover{opacity:.88;transform:translateY(-1px);color:#fff}
.fh-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.fh-section-label::before,.fh-section-label::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.07)}
.fh-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--t26-muted);margin-bottom:7px}
.fh-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;color:var(--t26-text);font-size:.9rem;padding:10px 13px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;font-family:inherit}
.fh-input::placeholder{color:rgba(255,255,255,.2)}
select.fh-input{-webkit-appearance:none;appearance:none;background-color:rgba(15,12,40,.95)!important;color:var(--t26-text)!important;cursor:pointer}
select.fh-input option{background:#0d0d1f;color:var(--t26-text)}
.fh-input:focus{border-color:rgba(124,58,237,.55);box-shadow:0 0 0 3px rgba(124,58,237,.1);background:rgba(255,255,255,.07)}
.fh-input-group{display:flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;transition:border-color .25s,box-shadow .25s,background .25s}
.fh-input-group:focus-within{border-color:rgba(124,58,237,.55);box-shadow:0 0 0 3px rgba(124,58,237,.1);background:rgba(255,255,255,.07)}
.fh-input-icon{display:flex;align-items:center;padding:0 12px;color:var(--t26-muted);font-size:.88rem;flex-shrink:0;transition:color .2s}
.fh-input-group:focus-within .fh-input-icon{color:#A78BFA}
.fh-input-group .fh-input{background:transparent;border:none;box-shadow:none!important}
.fh-help{font-size:.74rem;color:var(--t26-muted);margin-top:6px;line-height:1.5}
.fh-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border:none;border-radius:12px;font-size:.975rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;position:relative;overflow:hidden}
.fh-submit::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:fh-shimmer-btn 3s ease-in-out 1.5s infinite}
.fh-submit:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px rgba(124,58,237,.45);color:#fff}
.fh-notice{display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.25);border-radius:12px;font-size:.84rem;color:#F87171}
.fh-notice i{font-size:.95rem;flex-shrink:0}
.fh-scard{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;margin-bottom:14px;transition:border-color .25s,box-shadow .25s}
.fh-scard:hover{border-color:rgba(124,58,237,.25);box-shadow:0 8px 24px rgba(124,58,237,.08)}
.fh-scard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.fh-scard-lbl{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t26-muted);display:flex;align-items:center;gap:6px}
.fh-scard-lbl i{color:#A78BFA}
.fh-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.fh-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);animation:fh-bar-in .9s ease .2s both;box-shadow:0 0 8px rgba(124,58,237,.4)}
.fh-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;animation:fh-slide-up .6s ease .3s both}
@media(max-width:768px){.fh-feat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fh-feat-grid{grid-template-columns:1fr}}
.fh-feat-card{position:relative;border-radius:16px;padding:24px 20px;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}
.fh-feat-card:hover{transform:translateY(-6px)}
.fh-feat-card-p{background:rgba(124,58,237,.05);border:1px solid rgba(124,58,237,.15)}.fh-feat-card-p:hover{border-color:rgba(124,58,237,.4);box-shadow:0 16px 40px rgba(124,58,237,.12)}
.fh-feat-card-c{background:rgba(6,182,212,.04);border:1px solid rgba(6,182,212,.14)}.fh-feat-card-c:hover{border-color:rgba(6,182,212,.38);box-shadow:0 16px 40px rgba(6,182,212,.1)}
.fh-feat-card-g{background:rgba(16,185,129,.04);border:1px solid rgba(16,185,129,.14)}.fh-feat-card-g:hover{border-color:rgba(16,185,129,.38);box-shadow:0 16px 40px rgba(16,185,129,.1)}
.fh-feat-glow{position:absolute;bottom:-30px;right:-20px;width:110px;height:80px;border-radius:50%;filter:blur(30px);pointer-events:none}
.fh-feat-card-p .fh-feat-glow{background:rgba(124,58,237,.35)}.fh-feat-card-c .fh-feat-glow{background:rgba(6,182,212,.28)}.fh-feat-card-g .fh-feat-glow{background:rgba(16,185,129,.28)}
.fh-feat-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.15rem;transition:transform .25s}
.fh-feat-card:hover .fh-feat-icon{transform:scale(1.12) rotate(-4deg)}
.fh-feat-card-p .fh-feat-icon{background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);color:#A78BFA}
.fh-feat-card-c .fh-feat-icon{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.28);color:#22D3EE}
.fh-feat-card-g .fh-feat-icon{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.28);color:#34D399}
.fh-feat-title{font-size:.9rem;font-weight:700;margin-bottom:6px}
.fh-feat-desc{font-size:.78rem;color:var(--t26-muted);line-height:1.6;margin:0}
.fh-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;animation:fh-slide-up .5s ease both}
@media(max-width:768px){.fh-stat-cards{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fh-stat-cards{grid-template-columns:1fr}}
.fh-stat-card{position:relative;border-radius:16px;padding:24px 22px 22px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.fh-stat-card:hover{transform:translateY(-5px)}
.fh-stat-card-p{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.2)}.fh-stat-card-p:hover{box-shadow:0 14px 36px rgba(124,58,237,.15)}
.fh-stat-card-c{background:rgba(6,182,212,.06);border:1px solid rgba(6,182,212,.18)}.fh-stat-card-c:hover{box-shadow:0 14px 36px rgba(6,182,212,.12)}
.fh-stat-card-g{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.18)}.fh-stat-card-g:hover{box-shadow:0 14px 36px rgba(16,185,129,.12)}
.fh-stat-card-glow{position:absolute;top:-50px;right:-30px;width:130px;height:130px;border-radius:50%;filter:blur(45px);pointer-events:none;opacity:.55}
.fh-stat-card-p .fh-stat-card-glow{background:rgba(124,58,237,.5)}.fh-stat-card-c .fh-stat-card-glow{background:rgba(6,182,212,.4)}.fh-stat-card-g .fh-stat-card-glow{background:rgba(16,185,129,.4)}
.fh-stat-card-icon{font-size:1.3rem;margin-bottom:10px}
.fh-stat-card-p .fh-stat-card-icon{color:#A78BFA}.fh-stat-card-c .fh-stat-card-icon{color:#22D3EE}.fh-stat-card-g .fh-stat-card-icon{color:#34D399}
.fh-stat-card-num{font-size:2.1rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:4px;animation:fh-count-up .5s ease both}
.fh-stat-card-p .fh-stat-card-num{background:linear-gradient(135deg,#A78BFA,#7C3AED);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fh-stat-card-c .fh-stat-card-num{background:linear-gradient(135deg,#22D3EE,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fh-stat-card-g .fh-stat-card-num{background:linear-gradient(135deg,#34D399,#10B981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fh-stat-card-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--t26-muted)}
.fh-stat-card-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.04)}
.fh-stat-card-bar-fill{height:100%;animation:fh-bar-in .9s ease .1s both}
.fh-stat-card-p .fh-stat-card-bar-fill{background:linear-gradient(90deg,#7C3AED,#A78BFA);box-shadow:0 0 8px rgba(124,58,237,.6)}
.fh-stat-card-c .fh-stat-card-bar-fill{background:linear-gradient(90deg,#06B6D4,#22D3EE);box-shadow:0 0 8px rgba(6,182,212,.5)}
.fh-stat-card-g .fh-stat-card-bar-fill{background:linear-gradient(90deg,#10B981,#34D399);box-shadow:0 0 8px rgba(16,185,129,.5)}
.fh-tbl-wrap{border-radius:18px;overflow:visible;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.fh-tbl{width:100%;border-collapse:separate;border-spacing:0}
.fh-tbl thead tr{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.fh-tbl th{padding:13px 16px;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--t26-muted)}
.fh-tbl th:first-child{border-radius:18px 0 0 0}
.fh-tbl th:last-child{border-radius:0 18px 0 0}
.fh-tbl td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem;vertical-align:middle;transition:background .15s}
.fh-tbl tbody tr:last-child td{border-bottom:none}
.fh-tbl tbody tr:last-child td:first-child{border-radius:0 0 0 18px}
.fh-tbl tbody tr:last-child td:last-child{border-radius:0 0 18px 0}
.fh-tbl tbody tr:hover td{background:rgba(124,58,237,.05)}
.fh-tbl tbody tr{animation:fh-row-in .35s ease both}
.fh-tbl tbody tr:nth-child(1){animation-delay:.04s}.fh-tbl tbody tr:nth-child(2){animation-delay:.08s}.fh-tbl tbody tr:nth-child(3){animation-delay:.12s}.fh-tbl tbody tr:nth-child(4){animation-delay:.16s}.fh-tbl tbody tr:nth-child(5){animation-delay:.2s}.fh-tbl tbody tr:nth-child(6){animation-delay:.24s}.fh-tbl tbody tr:nth-child(7){animation-delay:.28s}.fh-tbl tbody tr:nth-child(8){animation-delay:.32s}
.fh-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:.66rem;font-weight:700}
.fh-badge-green{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.25)}
.fh-badge-red{background:rgba(244,63,94,.1);color:#F87171;border:1px solid rgba(244,63,94,.2)}
.fh-badge-yellow{background:rgba(251,191,36,.1);color:#FBBF24;border:1px solid rgba(251,191,36,.2)}
.fh-file-name{font-weight:600;color:var(--t26-text);margin-bottom:3px}
.fh-file-desc{font-size:.78rem;color:var(--t26-muted);margin-bottom:4px}
.fh-file-url{font-size:.74rem;color:var(--t26-muted);margin-top:3px}
.fh-file-url>span{display:inline;word-break:break-all}
.fh-file-url span.float-away{opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}
.fh-file-url a{color:rgba(167,139,250,.8);margin-left:6px;text-decoration:none;transition:color .2s;white-space:nowrap;display:inline}
.fh-file-url a:hover{color:#A78BFA}
.fh-file-url a small{transition:color .2s;font-size:inherit}
.fh-file-url a:active small{color:#34D399}
.fh-empty{padding:72px 24px;text-align:center}
.fh-empty-icon{width:84px;height:84px;border-radius:24px;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:2.1rem;color:#A78BFA;animation:fh-float 4s ease-in-out infinite;box-shadow:0 0 32px rgba(124,58,237,.15)}
.fh-empty-title{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.fh-empty-sub{font-size:.85rem;color:var(--t26-muted);margin-bottom:24px}
.fh-search-bar{display:flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.fh-search-bar:focus-within{border-color:rgba(124,58,237,.45);box-shadow:0 0 0 3px rgba(124,58,237,.08)}
.fh-search-bar input{background:transparent;border:none;outline:none;color:var(--t26-text);font-size:.875rem;padding:9px 13px;flex:1;font-family:inherit;min-width:180px}
.fh-search-bar input::placeholder{color:rgba(255,255,255,.2)}
.fh-search-bar button{padding:0 13px;background:transparent;border:none;color:var(--t26-muted);cursor:pointer;height:38px;display:flex;align-items:center;transition:color .15s}
.fh-search-bar:focus-within button{color:#A78BFA}
.fh-info-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;margin-bottom:14px;transition:border-color .25s}
.fh-info-card:hover{border-color:rgba(124,58,237,.22)}
.fh-info-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);margin-bottom:16px;display:flex;align-items:center;gap:7px}
.fh-info-title i{color:#A78BFA}
.fh-info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.84rem}
.fh-info-row:last-child{border-bottom:none}
.fh-info-key{color:var(--t26-muted)}
.fh-info-val{font-weight:600}
.fh-qr-block{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:11px;margin-bottom:8px;transition:border-color .2s}
.fh-qr-block:hover{border-color:rgba(124,58,237,.25)}
.fh-qr-block img{border-radius:7px;flex-shrink:0;width:52px;height:52px}
.fh-qr-url{font-size:.74rem;color:var(--t26-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:3px}
.fh-copy-link{font-size:.72rem;color:#A78BFA;text-decoration:none;white-space:nowrap;transition:color .2s,transform .15s;display:inline-block}
.fh-copy-link:hover{color:#C4B5FD}
.fh-copy-link:active{color:#34D399!important;transform:scale(.88)}
@keyframes fh-copy-flash{0%{color:#34D399;transform:scale(.88)}60%{color:#34D399;transform:scale(1.05)}100%{color:#A78BFA;transform:scale(1)}}
.fh-copy-link.copy-success{animation:fh-copy-flash .55s ease forwards}
.fh-dl-page{min-height:100vh;display:flex;flex-direction:column;background:#07071a;position:relative;overflow:hidden}
.fh-dl-page-orb-a{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(124,58,237,.2);top:-200px;left:-150px;filter:blur(100px);pointer-events:none;animation:float-orb 12s ease-in-out infinite}
.fh-dl-page-orb-b{position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(6,182,212,.15);bottom:-120px;right:-100px;filter:blur(90px);pointer-events:none;animation:float-orb 15s ease-in-out infinite;animation-delay:-6s}
.fh-dl-page-orb-c{position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(16,185,129,.1);top:40%;right:10%;filter:blur(70px);pointer-events:none;animation:float-orb 9s ease-in-out infinite;animation-delay:-3s}
.fh-dl-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px;position:relative;z-index:1}
.fh-dl-card{max-width:460px;width:100%;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden;box-shadow:0 0 80px rgba(124,58,237,.12),0 32px 80px rgba(0,0,0,.5);animation:fh-bounce-in .55s ease both}
.fh-dl-topbar{height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 55%,#10B981)}
.fh-dl-body{padding:38px 34px 30px}
.fh-dl-icon-wrap{position:relative;width:88px;margin:0 auto 26px}
.fh-dl-icon{width:88px;height:88px;border-radius:22px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#A78BFA;box-shadow:0 4px 32px rgba(124,58,237,.25);animation:fh-float 5s ease-in-out infinite;position:relative;z-index:1}
.fh-dl-ring{position:absolute;inset:-10px;border-radius:30px;border:1px solid rgba(124,58,237,.28);animation:fh-ring-pulse 2.8s ease-in-out infinite}
.fh-dl-ring2{position:absolute;inset:-20px;border-radius:36px;border:1px solid rgba(124,58,237,.14);animation:fh-ring-pulse 2.8s ease-in-out infinite;animation-delay:.9s}
@keyframes fh-ring-pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:0;transform:scale(1.05)}}
.fh-dl-title{text-align:center;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px;color:#F1F5F9}
.fh-dl-filename{text-align:center;font-size:.82rem;color:rgba(148,163,184,.65);margin-bottom:22px}
.fh-dl-scan{position:relative;height:2px;background:rgba(255,255,255,.06);border-radius:1px;margin-bottom:8px;overflow:hidden}
.fh-dl-scan-line{position:absolute;top:0;left:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,#7C3AED,#06B6D4,transparent);border-radius:1px;animation:fh-scan-slide 1.8s ease-in-out infinite}
.fh-dl-scan-label{text-align:center;font-size:.69rem;color:rgba(148,163,184,.45);margin-bottom:20px;letter-spacing:.03em}
.fh-dl-meta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.fh-dl-meta-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:rgba(148,163,184,.85);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:6px 13px;transition:border-color .2s}
.fh-dl-meta-item:hover{border-color:rgba(124,58,237,.3)}
.fh-dl-meta-item i{color:#A78BFA;font-size:.75rem}
.fh-dl-label{display:block;font-size:.71rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:rgba(148,163,184,.65);margin-bottom:6px}
.fh-dl-input{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#F1F5F9;font-size:.9rem;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.fh-dl-input:focus{border-color:rgba(124,58,237,.55);box-shadow:0 0 0 3px rgba(124,58,237,.1)}
.fh-dl-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px;background:linear-gradient(135deg,#7C3AED,#06B6D4);color:#fff;border:none;border-radius:13px;font-size:.975rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;margin-top:18px;text-decoration:none;position:relative;overflow:hidden}
.fh-dl-btn::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:fh-shimmer-btn 3s ease-in-out 2s infinite}
.fh-dl-btn:hover{opacity:.9;color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.5)}
.fh-dl-trust{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}
.fh-dl-trust-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:rgba(148,163,184,.5)}
.fh-dl-trust-item i{color:rgba(52,211,153,.6);font-size:.68rem}
.fh-dl-footer-bar{padding:16px 32px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.fh-dl-footer-copy{font-size:.74rem;color:rgba(148,163,184,.45)}
.fh-dl-footer-copy a{color:inherit;text-decoration:none}
.fh-dl-footer-links{display:flex;gap:14px}
.fh-dl-footer-links a{font-size:.74rem;color:rgba(148,163,184,.4);text-decoration:none;transition:color .15s}
.fh-dl-footer-links a:hover{color:rgba(148,163,184,.85)}
@media(max-width:575px){.fh-hero{padding:22px 18px}.fh-hero-stats{margin-left:0;gap:16px}.fh-dl-body{padding:28px 20px}.fh-dl-footer-bar{padding:14px 20px}.fh-stat-cards{grid-template-columns:1fr 1fr}}
@keyframes fhp-float-card{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(.4deg)}}
@keyframes fhp-prog-anim{0%{width:30%}50%{width:88%}100%{width:30%}}
@keyframes fhp-bar-grow{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
@keyframes fhp-step-glow{0%,100%{transform:scale(1);opacity:.28}50%{transform:scale(1.2);opacity:.08}}
.fhp-hero{position:relative;padding:100px 0 80px;overflow:hidden}
.fhp-hero-orb-a{position:absolute;width:700px;height:700px;border-radius:50%;background:rgba(124,58,237,.18);top:-300px;right:-200px;filter:blur(130px);pointer-events:none;animation:float-orb 12s ease-in-out infinite}
.fhp-hero-orb-b{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(6,182,212,.12);bottom:-150px;left:-100px;filter:blur(100px);pointer-events:none;animation:float-orb 15s ease-in-out infinite;animation-delay:-6s}
.fhp-hero-orb-c{position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(16,185,129,.1);top:35%;left:8%;filter:blur(80px);pointer-events:none;animation:float-orb 10s ease-in-out infinite;animation-delay:-3s}
.fhp-hero-h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.25rem}
.fhp-hero-lead{color:var(--t26-muted);font-size:1rem;line-height:1.72;margin-bottom:1.75rem;max-width:520px}
.fhp-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}
.fhp-trust-pill{display:flex;align-items:center;gap:6px;font-size:.77rem;font-weight:600;color:var(--t26-muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 13px;transition:border-color .2s}
.fhp-trust-pill:hover{border-color:rgba(52,211,153,.3)}
.fhp-trust-pill i{color:#34D399;font-size:.72rem}
.fhp-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:2rem}
.fhp-btn-outline{display:inline-flex;align-items:center;gap:7px;padding:12px 26px;background:transparent;border:1.5px solid rgba(255,255,255,.14);color:var(--t26-text)!important;border-radius:11px;font-weight:700;font-size:.925rem;text-decoration:none;transition:all .25s}
.fhp-btn-outline:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.07)}
.fhp-social-proof{font-size:.8rem;color:var(--t26-muted);display:flex;align-items:center;gap:7px}
.fhp-social-proof i{color:#A78BFA}
.fhp-card-mock{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden;box-shadow:0 0 70px rgba(124,58,237,.13),0 32px 80px rgba(0,0,0,.45);animation:fhp-float-card 6s ease-in-out infinite}
.fhp-mock-topbar{height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 60%,#10B981)}
.fhp-mock-header{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.fhp-mock-dot{width:9px;height:9px;border-radius:50%}
.fhp-mock-title{font-size:.75rem;font-weight:700;color:var(--t26-muted);margin-left:4px}
.fhp-mock-body{padding:16px}
.fhp-mock-dz{border:2px dashed rgba(124,58,237,.38);border-radius:12px;padding:20px 16px;text-align:center;margin-bottom:12px;background:rgba(124,58,237,.04)}
.fhp-mock-dz-icon{width:36px;height:36px;border-radius:9px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:#A78BFA;font-size:.9rem;animation:fh-float 4s ease-in-out infinite}
.fhp-mock-dz-t{font-size:.73rem;font-weight:700;margin-bottom:2px}
.fhp-mock-dz-s{font-size:.65rem;color:var(--t26-muted)}
.fhp-mock-file{display:flex;align-items:center;gap:9px;padding:9px 11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:9px;margin-bottom:7px}
.fhp-mock-file-ico{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}
.fhp-ico-p{background:rgba(124,58,237,.12);color:#A78BFA}.fhp-ico-c{background:rgba(6,182,212,.1);color:#22D3EE}.fhp-ico-g{background:rgba(16,185,129,.1);color:#34D399}
.fhp-mock-fname{font-size:.72rem;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fhp-mock-fsize{font-size:.64rem;color:var(--t26-muted);white-space:nowrap}
.fhp-mock-fbadge{font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap}
.fhp-fbadge-ok{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.fhp-fbadge-up{background:rgba(124,58,237,.12);color:#A78BFA;border:1px solid rgba(124,58,237,.28)}
.fhp-mock-prog{height:2px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:5px}
.fhp-mock-prog-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);animation:fhp-prog-anim 2.5s ease-in-out infinite}
.fhp-mock-footer{padding:10px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}
.fhp-mock-upload-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;background:linear-gradient(135deg,#7C3AED,#06B6D4);border:none;border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;cursor:pointer}
.fhp-stats-strip{padding:48px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.fhp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
@media(max-width:767px){.fhp-stats-grid{grid-template-columns:repeat(2,1fr)}}
.fhp-stat-num{font-size:2.4rem;font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#A78BFA,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}
.fhp-stat-lbl{font-size:.78rem;color:var(--t26-muted);font-weight:500}
.fhp-section{padding:80px 0}
.fhp-section-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px}
.fhp-badge-p{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28);color:#A78BFA}
.fhp-badge-c{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.25);color:#22D3EE}
.fhp-badge-g{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#34D399}
.fhp-badge-o{background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.22);color:#FB923C}
.fhp-section-h2{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.18;margin-bottom:1rem}
.fhp-section-lead{color:var(--t26-muted);font-size:.94rem;line-height:1.72;margin-bottom:1.75rem}
.fhp-feat-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:14px}
.fhp-feat-item{display:flex;align-items:flex-start;gap:12px}
.fhp-feat-dot{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:.65rem}
.fhp-feat-dot-p{background:rgba(124,58,237,.12);color:#A78BFA;border:1px solid rgba(124,58,237,.28)}
.fhp-feat-dot-c{background:rgba(6,182,212,.1);color:#22D3EE;border:1px solid rgba(6,182,212,.28)}
.fhp-feat-dot-g{background:rgba(16,185,129,.1);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.fhp-feat-item strong{display:block;font-size:.88rem;font-weight:700;margin-bottom:2px}
.fhp-feat-item p{font-size:.8rem;color:var(--t26-muted);margin:0;line-height:1.55}
.fhp-visual{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);box-shadow:0 0 60px rgba(124,58,237,.08),0 24px 60px rgba(0,0,0,.35);transition:transform .35s,box-shadow .35s}
.fhp-visual:hover{transform:translateY(-6px);box-shadow:0 0 80px rgba(124,58,237,.14),0 32px 80px rgba(0,0,0,.42)}
.fhp-visual-bar{height:3px}
.fhp-vbar-p{background:linear-gradient(90deg,#7C3AED,#A78BFA)}.fhp-vbar-c{background:linear-gradient(90deg,#06B6D4,#22D3EE)}.fhp-vbar-g{background:linear-gradient(90deg,#10B981,#34D399)}.fhp-vbar-o{background:linear-gradient(90deg,#FB923C,#FBBF24)}
.fhp-visual-body{padding:28px}
.fhp-enc-row{display:flex;align-items:center;gap:11px;padding:11px 13px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:8px;transition:border-color .2s}
.fhp-enc-row:hover{border-color:rgba(124,58,237,.25)}
.fhp-enc-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}
.fhp-enc-name{font-size:.8rem;font-weight:600;flex:1}
.fhp-enc-stat{font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:999px}
.fhp-enc-stat-ok{background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.fhp-enc-stat-up{background:rgba(124,58,237,.1);color:#A78BFA;border:1px solid rgba(124,58,237,.25)}
.fhp-enc-prog{height:2px;border-radius:999px;background:rgba(255,255,255,.06);margin-top:6px;overflow:hidden}
.fhp-enc-done{height:100%;border-radius:999px;background:linear-gradient(90deg,#10B981,#34D399);width:100%}
.fhp-enc-active{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);animation:fhp-prog-anim 2.5s ease-in-out infinite}
.fhp-chart-bars{display:flex;align-items:flex-end;gap:5px;height:72px;margin-bottom:16px}
.fhp-bar{border-radius:4px 4px 0 0;flex:1;animation:fhp-bar-grow .75s ease both}
.fhp-bar:nth-child(1){animation-delay:.04s}.fhp-bar:nth-child(2){animation-delay:.09s}.fhp-bar:nth-child(3){animation-delay:.14s}.fhp-bar:nth-child(4){animation-delay:.19s}.fhp-bar:nth-child(5){animation-delay:.24s}.fhp-bar:nth-child(6){animation-delay:.29s}.fhp-bar:nth-child(7){animation-delay:.34s}
.fhp-bar-p{background:linear-gradient(to top,#7C3AED,#A78BFA)}.fhp-bar-c{background:linear-gradient(to top,#06B6D4,#22D3EE)}.fhp-bar-g{background:linear-gradient(to top,#10B981,#34D399)}
.fhp-a-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem}
.fhp-a-row:last-child{border-bottom:none}
.fhp-a-lbl{color:var(--t26-muted);display:flex;align-items:center;gap:7px}
.fhp-a-dot{width:7px;height:7px;border-radius:50%}
.fhp-a-val{font-weight:700;font-size:.86rem}
.fhp-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:8px;transition:border-color .2s}
.fhp-toggle-row:hover{border-color:rgba(124,58,237,.22)}
.fhp-toggle-lbl{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--t26-text)}
.fhp-toggle-lbl i{color:var(--t26-muted)}
.fhp-tog{width:34px;height:19px;border-radius:999px;position:relative;flex-shrink:0}
.fhp-tog-on{background:linear-gradient(90deg,#7C3AED,#06B6D4)}.fhp-tog-off{background:rgba(255,255,255,.1)}
.fhp-tog::after{content:'';position:absolute;top:2.5px;width:14px;height:14px;border-radius:50%;background:#fff}
.fhp-tog-on::after{right:2.5px}.fhp-tog-off::after{left:2.5px}
.fhp-val-badge{font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:999px;background:rgba(124,58,237,.1);color:#A78BFA;border:1px solid rgba(124,58,237,.22)}
.fhp-steps-section{padding:80px 0;background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.fhp-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}
@media(max-width:767px){.fhp-steps-grid{grid-template-columns:1fr;gap:24px}}
.fhp-steps-connector{position:absolute;top:32px;left:calc(100%/6);right:calc(100%/6);height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.4) 30%,rgba(6,182,212,.4) 70%,transparent);pointer-events:none}
@media(max-width:767px){.fhp-steps-connector{display:none}}
.fhp-step{text-align:center;position:relative}
.fhp-step-num-wrap{position:relative;display:inline-block;margin-bottom:22px}
.fhp-step-num{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#7C3AED,#06B6D4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;box-shadow:0 8px 28px rgba(124,58,237,.38)}
.fhp-step-glow{position:absolute;inset:-6px;border-radius:22px;background:linear-gradient(135deg,#7C3AED,#06B6D4);z-index:-1;opacity:.2;animation:fhp-step-glow 2.5s ease-in-out infinite}
.fhp-step-title{font-size:1rem;font-weight:800;margin-bottom:8px}
.fhp-step-desc{font-size:.83rem;color:var(--t26-muted);line-height:1.65;margin:0}
.fhp-types-section{padding:72px 0}
.fhp-types-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:32px}
.fhp-type-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;font-size:.8rem;font-weight:600;transition:all .22s;cursor:default}
.fhp-type-chip:hover{border-color:rgba(124,58,237,.3);background:rgba(124,58,237,.07);transform:translateY(-3px)}
.fhp-type-chip i{font-size:.9rem}
.fhp-tc-img i{color:#22D3EE}.fhp-tc-vid i{color:#F43F5E}.fhp-tc-aud i{color:#A78BFA}.fhp-tc-doc i{color:#60A5FA}.fhp-tc-pdf i{color:#FB923C}.fhp-tc-zip i{color:#FBBF24}.fhp-tc-code i{color:#34D399}.fhp-tc-xls i{color:#34D399}.fhp-tc-ppt i{color:#FB923C}.fhp-tc-txt i{color:var(--t26-muted)}
.fhp-cta-section{padding:80px 0;position:relative;overflow:hidden}
.fhp-cta-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(124,58,237,.17);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(110px);pointer-events:none;animation:float-orb 12s ease-in-out infinite}
.fhp-cta-inner{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}
.fhp-cta-h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.12;margin-bottom:1rem}
.fhp-cta-sub{color:var(--t26-muted);font-size:.96rem;line-height:1.7;margin-bottom:2rem}
.fhp-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.fhp-cta-badges{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.fhp-cta-badge{display:flex;align-items:center;gap:5px;font-size:.77rem;color:var(--t26-muted)}
.fhp-cta-badge i{color:#34D399;font-size:.7rem}
@media(max-width:575px){.fhp-hero{padding:72px 0 56px}.fhp-section{padding:56px 0}.fhp-steps-section,.fhp-types-section,.fhp-cta-section{padding:56px 0}.fhp-stats-grid{grid-template-columns:repeat(2,1fr);gap:18px}.fhp-stat-num{font-size:2rem}}
.fhp-hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
.fhp-orb-a{width:700px;height:700px;background:rgba(124,58,237,.18);top:-300px;right:-200px;animation:float-orb 12s ease-in-out infinite}
.fhp-orb-b{width:420px;height:420px;background:rgba(6,182,212,.12);bottom:-150px;left:-100px;animation:float-orb 15s ease-in-out infinite;animation-delay:-6s}
.fhp-orb-c{width:240px;height:240px;background:rgba(16,185,129,.1);top:35%;left:8%;animation:float-orb 10s ease-in-out infinite;animation-delay:-3s}
.fhp-hero-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 16px;border-radius:999px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28);color:#A78BFA;font-size:.73rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.fhp-hero-heading{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.25rem}
.fhp-hero-checks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}
.fhp-check-item{display:flex;align-items:center;gap:6px;font-size:.77rem;font-weight:600;color:var(--t26-muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 13px}
.fhp-check-item i{color:#34D399;font-size:.72rem}
.fhp-btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:12px 26px;background:transparent;border:1.5px solid rgba(255,255,255,.14);color:var(--t26-text)!important;border-radius:11px;font-weight:700;font-size:.925rem;text-decoration:none;transition:all .25s}
.fhp-btn-ghost:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.07)}
.fhp-hero-social-proof{font-size:.8rem;color:var(--t26-muted);display:flex;align-items:center;gap:7px}
.fhp-hero-social-proof i{color:#A78BFA}
.fhp-float-card{display:inline-block;width:100%;max-width:420px}
.fhp-mock-topbar{height:auto!important;background:none!important;display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}
.fhp-mock-topbar::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7C3AED,#06B6D4 60%,#10B981)}
.fhp-mock-dropzone{border:2px dashed rgba(124,58,237,.38);border-radius:12px;padding:18px 12px;text-align:center;margin-bottom:10px;background:rgba(124,58,237,.04)}
.fhp-mock-upload-icon{font-size:1.5rem;color:#A78BFA;margin-bottom:6px;display:block;animation:fh-float 4s ease-in-out infinite}
.fhp-mock-dz-text{font-size:.72rem;font-weight:600;color:var(--t26-muted)}
.fhp-mock-file-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:9px;margin-bottom:7px}
.fhp-mock-file-icon{font-size:.95rem;flex-shrink:0;width:22px;text-align:center}
.fhp-mock-file-info{flex:1;min-width:0}
.fhp-mock-file-name{font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.fhp-mock-progress-wrap{height:3px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.fhp-mock-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4)}
.fhp-mock-progress-anim{animation:fhp-prog-anim 2.5s ease-in-out infinite}
.fhp-mock-badge-enc{font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28);white-space:nowrap;flex-shrink:0}
.fhp-mock-badge-up{font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(124,58,237,.12);color:#A78BFA;border:1px solid rgba(124,58,237,.28);white-space:nowrap;flex-shrink:0}
.fhp-mock-meta-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.fhp-mock-meta-chip{display:flex;align-items:center;gap:4px;font-size:.62rem;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--t26-muted)}
.fhp-badge-info{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.25);color:#22D3EE}
.fhp-badge-success{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#34D399}
.fhp-section-heading{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.18;margin-bottom:1rem}
.fhp-section-alt{background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.fhp-visual-inner{padding:22px}
.fhp-enc-orb{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(124,58,237,.12);top:-60px;right:-60px;filter:blur(70px);pointer-events:none}
.fhp-enc-icon-wrap{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(6,182,212,.12));border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.fhp-enc-icon{font-size:1.6rem;background:linear-gradient(135deg,#A78BFA,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fhp-enc-title{font-size:.95rem;font-weight:800;text-align:center;margin-bottom:4px}
.fhp-enc-sub{font-size:.76rem;color:var(--t26-muted);text-align:center;margin-bottom:14px}
.fhp-enc-filename{font-size:.8rem;font-weight:600;flex:1;display:flex;align-items:center}
.fhp-enc-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.28)}
.fhp-enc-bar-label{font-size:.74rem;color:var(--t26-muted);margin-bottom:6px;text-align:center}
.fhp-enc-bar-outer{height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:4px}
.fhp-enc-bar-inner{height:100%;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#06B6D4);width:100%}
.fhp-analytics-visual{padding:20px}
.fhp-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.8rem;font-weight:700}
.fhp-live-badge{display:flex;align-items:center;gap:4px;font-size:.64rem;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(16,185,129,.12);color:#34D399;border:1px solid rgba(16,185,129,.3)}
.fhp-live-badge i{font-size:.45rem;animation:blink 1.2s step-start infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.fhp-bar-rows{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}
.fhp-bar-row{display:flex;align-items:center;gap:9px}
.fhp-bar-label{font-size:.68rem;font-weight:700;color:var(--t26-muted);width:28px;flex-shrink:0}
.fhp-bar-track{flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.fhp-bar-fill{height:100%;border-radius:999px;background:var(--fhp-bar-color,#A78BFA)}
.fhp-bar-val{font-size:.68rem;font-weight:700;width:30px;text-align:right;flex-shrink:0;color:var(--t26-muted)}
.fhp-analytics-data-strip{display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.fhp-analytics-data-item{text-align:center}
.fhp-analytics-data-num{font-size:1.05rem;font-weight:800;background:linear-gradient(135deg,#A78BFA,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fhp-analytics-data-lbl{font-size:.64rem;color:var(--t26-muted);margin-top:2px}
.fhp-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
.fhp-analytics-chip{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s}
.fhp-analytics-chip:hover{border-color:rgba(124,58,237,.25)}
.fhp-analytics-icon{font-size:1.15rem;color:#A78BFA;margin-bottom:4px}
.fhp-analytics-chip strong{font-size:.82rem;font-weight:700}
.fhp-analytics-chip span{font-size:.72rem;color:var(--t26-muted)}
.fhp-ctrl-visual{padding:20px}
.fhp-ctrl-header{display:flex;align-items:center;font-size:.8rem;font-weight:700;color:var(--t26-muted);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.fhp-ctrl-header i{color:#A78BFA}
.fhp-ctrl-rows{display:flex;flex-direction:column;gap:7px}
.fhp-ctrl-row{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:.8rem;font-weight:600;transition:border-color .2s}
.fhp-ctrl-row:hover{border-color:rgba(124,58,237,.22)}
.fhp-ctrl-val{font-size:.75rem;color:var(--t26-muted)}
.fhp-ctrl-footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);font-size:.73rem;color:var(--t26-muted)}
.fhp-toggle{display:inline-flex;align-items:center;width:36px;height:20px;border-radius:999px;position:relative;flex-shrink:0;background:rgba(255,255,255,.1);transition:background .2s;cursor:default}
.fhp-toggle-on{background:linear-gradient(90deg,#7C3AED,#06B6D4)}
.fhp-toggle-thumb{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.fhp-toggle-on .fhp-toggle-thumb{left:19px}
.fhp-feat-icon{width:36px;height:36px;border-radius:10px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);display:flex;align-items:center;justify-content:center;color:#A78BFA;font-size:.85rem;flex-shrink:0;margin-top:1px}
.fhp-feat-icon-green{background:rgba(16,185,129,.1)!important;border-color:rgba(16,185,129,.28)!important;color:#34D399!important}
.fhp-step-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 22px;text-align:center;transition:border-color .3s,transform .3s,box-shadow .3s;height:100%}
.fhp-step-card:hover{border-color:rgba(124,58,237,.3);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.fhp-step-card-active{border-color:rgba(124,58,237,.35)!important;background:rgba(124,58,237,.05)!important;box-shadow:0 0 40px rgba(124,58,237,.1)!important}
.fhp-step-glow-active{opacity:.35;animation:fhp-step-glow 1.8s ease-in-out infinite}
.fhp-step-icons{display:flex;justify-content:center;gap:14px;margin-top:14px;font-size:1.05rem}
.fhp-tc-red i{color:#ef4444}.fhp-tc-purple i{color:#a78bfa}.fhp-tc-cyan i{color:#22d3ee}
.fhp-tc-blue i{color:#60a5fa}.fhp-tc-green i{color:#34d399}.fhp-tc-orange i{color:#fb923c}
.fhp-tc-yellow i{color:#fbbf24}.fhp-tc-teal i{color:#2dd4bf}.fhp-tc-indigo i{color:#818cf8}
.fhp-tc-gray i{color:var(--t26-muted)}
.fhp-cta-orb-a{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(124,58,237,.15);top:50%;left:35%;transform:translate(-50%,-50%);filter:blur(100px);pointer-events:none;animation:float-orb 14s ease-in-out infinite}
.fhp-cta-orb-b{position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(6,182,212,.1);top:50%;right:10%;transform:translateY(-50%);filter:blur(80px);pointer-events:none;animation:float-orb 10s ease-in-out infinite;animation-delay:-5s}
.fhp-cta-heading{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.12;margin-bottom:1rem}
.fhp-cta-btn-primary{font-size:1rem!important;padding:14px 34px!important}
.fhp-cta-btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:14px 32px;background:transparent;border:1.5px solid rgba(255,255,255,.18);color:var(--t26-text)!important;border-radius:11px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .25s}
.fhp-cta-btn-ghost:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.07)}
.fhp-cta-trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.fhp-cta-trust-item{display:flex;align-items:center;gap:5px;font-size:.77rem;color:var(--t26-muted)}
.fhp-cta-trust-item i{color:#34D399;font-size:.7rem}
.fhp-section-alt{background:rgba(255,255,255,.018);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
#t26-features {
padding: 6rem 0;
position: relative;
overflow: hidden;
}
#t26-features::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(124,58,237,0.1) 0%, transparent 70%);
pointer-events: none;
}
.features-title {
font-size: clamp(1.9rem, 4vw, 2.6rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -.02em;
margin-top: .75rem;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.25rem;
}
@media (max-width: 991px) { .features-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .features-grid { grid-template-columns: 1fr; } }
.feat-card {
position: relative;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 20px;
padding: 1.75rem;
overflow: hidden;
transition: transform .3s ease, border-color .3s, box-shadow .3s;
cursor: default;
}
.feat-card::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at 20% 20%, var(--c1, rgba(124,58,237,0.15)) 0%, transparent 60%);
opacity: 0;
transition: opacity .4s;
pointer-events: none;
border-radius: inherit;
}
.feat-card:hover {
transform: translateY(-5px);
border-color: rgba(255,255,255,0.14);
box-shadow: 0 20px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.05) inset;
}
.feat-card:hover::before { opacity: 1; }
.feat-icon-wrap {
width: 48px; height: 48px;
border-radius: 14px;
background: var(--c1, rgba(124,58,237,0.2));
border: 1px solid var(--c2, rgba(124,58,237,0.3));
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
margin-bottom: 1.1rem;
transition: transform .3s, box-shadow .3s;
}
.feat-card:hover .feat-icon-wrap {
transform: scale(1.1);
box-shadow: 0 0 20px var(--c1, rgba(124,58,237,0.3));
}
.feat-line {
width: 32px; height: 2px;
background: linear-gradient(90deg, rgba(124,58,237,0.6), transparent);
margin-bottom: 1rem;
border-radius: 2px;
transition: width .3s;
}
.feat-card:hover .feat-line { width: 56px; }
.feat-title {
font-size: 1rem;
font-weight: 700;
margin-bottom: .45rem;
color: var(--t26-text);
}
.feat-desc {
font-size: .875rem;
color: rgba(241,245,249,0.5);
line-height: 1.65;
margin: 0;
}
.feat-tag {
position: absolute;
top: 1.25rem; right: 1.25rem;
font-size: .7rem;
font-weight: 600;
letter-spacing: .06em;
color: rgba(241,245,249,0.3);
text-transform: uppercase;
}
.feat-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity .5s ease var(--delay, 0s), transform .5s ease var(--delay, 0s);
}
.feat-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
#t26-analytics {
padding: 6rem 0;
background: var(--t26-bg2);
position: relative;
overflow: hidden;
}
#t26-analytics::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 60% 70% at 100% 50%, rgba(124,58,237,0.08), transparent 60%),
radial-gradient(ellipse 40% 50% at 0% 50%, rgba(6,182,212,0.05), transparent 55%);
pointer-events: none;
}
.an-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
@media (max-width: 991.98px) {
.an-grid { grid-template-columns: 1fr; gap: 2.5rem; }
}
.an-title {
font-size: clamp(1.75rem, 3vw, 2.25rem);
font-weight: 800;
line-height: 1.2;
margin: 1rem 0 1.5rem;
}
.an-feature-list {
display: flex;
flex-direction: column;
gap: 1.1rem;
}
.an-feature-item {
display: flex;
align-items: flex-start;
gap: .85rem;
}
.an-check {
width: 32px;
height: 32px;
border-radius: 8px;
background: rgba(124,58,237,0.15);
border: 1px solid rgba(124,58,237,0.3);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: .8rem;
color: #A78BFA;
margin-top: .1rem;
}
.an-feature-item strong {
display: block;
font-size: .92rem;
font-weight: 700;
color: rgba(241,245,249,0.92);
margin-bottom: .15rem;
}
.an-feature-item span {
font-size: .8rem;
color: var(--t26-muted);
line-height: 1.5;
}
.an-card {
background: rgba(13,13,43,0.85);
border: 1px solid rgba(255,255,255,0.09);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 30px 80px rgba(0,0,0,0.35), 0 0 0 1px rgba(124,58,237,0.1);
}
.an-card-header {
display: flex;
align-items: center;
gap: .5rem;
padding: .85rem 1.25rem;
border-bottom: 1px solid rgba(255,255,255,0.06);
background: rgba(255,255,255,0.02);
}
.an-card-dot {
width: 10px;
height: 10px;
border-radius: 50%;
opacity: .8;
}
.an-card-title {
font-size: .78rem;
color: var(--t26-muted);
margin-left: .4rem;
flex: 1;
}
.an-live-badge {
display: inline-flex;
align-items: center;
gap: .35rem;
font-size: .72rem;
color: #34D399;
background: rgba(52,211,153,0.1);
border: 1px solid rgba(52,211,153,0.2);
padding: .2rem .65rem;
border-radius: 50px;
}
.an-live-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #34D399;
animation: pulse-dot 1.5s ease-in-out infinite;
}
@keyframes pulse-dot {
0%,100% { opacity: 1; transform: scale(1); }
50% { opacity: .5; transform: scale(.7); }
}
.an-chart-wrap {
padding: 1.25rem 1.25rem .5rem;
}
.an-chart-bars {
display: flex;
align-items: flex-end;
gap: 6px;
height: 120px;
}
.an-bar {
flex: 1;
border-radius: 5px 5px 0 0;
height: 0;
background: rgba(124,58,237,0.35);
transition: height .6s cubic-bezier(.22,1,.36,1);
}
.an-bar:hover { background: rgba(124,58,237,0.6); }
.an-bar-active { background: rgba(124,58,237,0.55); }
.an-bar-peak {
background: linear-gradient(180deg, #7C3AED, #06B6D4);
box-shadow: 0 0 12px rgba(124,58,237,0.5);
}
.an-chart-labels {
display: flex;
gap: 6px;
margin-top: .4rem;
}
.an-chart-labels span {
flex: 1;
text-align: center;
font-size: .6rem;
color: rgba(241,245,249,0.25);
}
.an-stats-row {
display: grid;
grid-template-columns: repeat(3,1fr);
border-top: 1px solid rgba(255,255,255,0.06);
margin-top: .5rem;
}
.an-stat {
text-align: center;
padding: 1rem .5rem;
border-right: 1px solid rgba(255,255,255,0.06);
}
.an-stat:last-child { border-right: none; }
.an-stat-val {
font-size: 1.5rem;
font-weight: 800;
line-height: 1;
margin-bottom: .3rem;
}
.an-stat-label {
font-size: .7rem;
color: var(--t26-muted);
text-transform: uppercase;
letter-spacing: .05em;
}
.an-sparkline-row {
padding: 1rem 1.25rem 1.25rem;
border-top: 1px solid rgba(255,255,255,0.06);
display: flex;
flex-direction: column;
gap: .75rem;
}
.an-sparkline-bar-wrap {
height: 5px;
background: rgba(255,255,255,0.06);
border-radius: 99px;
overflow: hidden;
margin-bottom: .3rem;
}
.an-sparkline-bar {
height: 100%;
border-radius: 99px;
width: 0;
transition: width .8s cubic-bezier(.22,1,.36,1) .4s;
}
.an-sparkline-info {
display: flex;
justify-content: space-between;
font-size: .75rem;
color: var(--t26-muted);
}
#t26-shortener-showcase { padding: 6rem 0; background: var(--t26-bg2); position: relative; overflow: hidden; }
#t26-shortener-showcase::before { content:''; position:absolute; top:-200px; left:50%; transform:translateX(-50%); width:900px; height:500px; background:radial-gradient(ellipse at center, rgba(124,58,237,.07) 0%, transparent 70%); pointer-events:none; }
.ush-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }
.ush-title { font-size:clamp(1.8rem,4vw,2.6rem); font-weight:800; line-height:1.15; color:#f1f5f9; margin-bottom:.75rem; }
.ush-subtitle { color:rgba(241,245,249,.5); font-size:1rem; line-height:1.75; margin:0; }
.ush-reveal { opacity:0; transform:translateY(24px); transition:opacity .55s ease, transform .55s ease; transition-delay:var(--ud,0s); }
.ush-reveal.is-visible { opacity:1; transform:none; }
.ush-kpi-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; margin-bottom:3.5rem; }
@media(max-width:768px){ .ush-kpi-row { grid-template-columns:repeat(2,1fr); } }
.ush-kpi { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:16px; padding:1.5rem 1.25rem; text-align:center; transition:border-color .2s, background .2s; }
.ush-kpi:hover { background:rgba(124,58,237,.06); border-color:rgba(124,58,237,.25); }
.ush-kpi-icon { width:42px; height:42px; border-radius:12px; background:rgba(var(--ki-r,124),var(--ki-g,58),var(--ki-b,237),.15); display:flex; align-items:center; justify-content:center; margin:0 auto .75rem; font-size:.95rem; color:var(--ki,#a78bfa); }
.ush-kpi-num { font-size:1.75rem; font-weight:800; line-height:1; margin-bottom:.4rem; }
.ush-kpi-lbl { font-size:.75rem; color:rgba(241,245,249,.45); text-transform:uppercase; letter-spacing:.06em; }
.ush-main-grid { display:grid; grid-template-columns:1fr 1fr; gap:3.5rem; align-items:stretch; }
@media(max-width:900px){ .ush-main-grid { grid-template-columns:1fr; } }
.ush-mockup { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:20px; overflow:hidden; display:flex; flex-direction:column; height:100%; }
.ush-mock-hdr { display:flex; align-items:center; gap:6px; padding:.75rem 1.25rem; background:rgba(255,255,255,.03); border-bottom:1px solid rgba(255,255,255,.06); }
.ush-dot { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.12); flex-shrink:0; }
.ush-mock-title { font-size:.78rem; color:rgba(241,245,249,.45); margin-left:.5rem; flex:1; }
.ush-live { display:flex; align-items:center; gap:5px; font-size:.7rem; color:#34d399; font-weight:600; text-transform:uppercase; letter-spacing:.06em; margin-left:auto; }
.ush-live-dot { width:7px; height:7px; border-radius:50%; background:#34d399; animation:ush-pulse 1.5s ease-in-out infinite; }
@keyframes ush-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.8)} }
.ush-mock-body { flex:1; padding:1.5rem; display:flex; flex-direction:column; justify-content:space-between; gap:0; }
.ush-field-lbl { font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:rgba(167,139,250,.6); margin-bottom:.4rem; }
.ush-input-box { display:flex; align-items:center; gap:.6rem; background:rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:.65rem 1rem; }
.ush-input-ok { border-color:rgba(16,185,129,.35); background:rgba(16,185,129,.05); }
.ush-fi { color:rgba(241,245,249,.3); font-size:.85rem; flex-shrink:0; }
.ush-fi-ok { color:#34d399; font-size:.85rem; flex-shrink:0; }
.ush-typed { font-size:.8rem; color:rgba(241,245,249,.4); flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ush-cursor { display:inline-block; width:2px; height:13px; background:#a78bfa; margin-left:2px; border-radius:1px; animation:ush-blink .9s step-end infinite; vertical-align:middle; flex-shrink:0; }
@keyframes ush-blink { 0%,100%{opacity:1} 50%{opacity:0} }
.ush-copy-btn { background:none; border:none; color:rgba(241,245,249,.35); cursor:pointer; padding:.1rem .3rem; margin-left:auto; transition:color .15s; font-size:.85rem; }
.ush-copy-btn:hover { color:#a78bfa; }
.ush-arr { display:flex; flex-direction:column; align-items:center; gap:2px; padding:.5rem 0; }
.ush-arr-line { width:1px; height:18px; background:linear-gradient(180deg,rgba(124,58,237,.4),rgba(124,58,237,.1)); }
.ush-arr-ico { font-size:.6rem; color:rgba(124,58,237,.5); }
.ush-mini-stats { display:flex; gap:1rem; padding:.9rem 0; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); margin:.5rem 0; }
.ush-ms { flex:1; text-align:center; }
.ush-ms-val { display:block; font-size:1.3rem; font-weight:800; line-height:1; }
.ush-ms-lbl { display:block; font-size:.68rem; color:rgba(241,245,249,.4); text-transform:uppercase; letter-spacing:.06em; margin-top:.3rem; }
.ush-activity { border:1px solid rgba(255,255,255,.06); border-radius:12px; overflow:hidden; }
.ush-act-hdr { display:flex; align-items:center; justify-content:space-between; padding:.55rem .9rem; background:rgba(255,255,255,.03); border-bottom:1px solid rgba(255,255,255,.05); }
.ush-act-live { display:flex; align-items:center; gap:4px; font-size:.65rem; color:#34d399; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.ush-act-list { }
.ush-act-row { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:.5rem; padding:.45rem .9rem; border-bottom:1px solid rgba(255,255,255,.04); transition:background .2s; }
.ush-act-row:last-child { border-bottom:none; }
.ush-act-row:hover { background:rgba(255,255,255,.03); }
.ush-act-new { animation:ush-act-flash .6s ease; }
@keyframes ush-act-flash { 0%{background:rgba(124,58,237,.18)} 100%{background:transparent} }
.ush-act-flag { font-size:.9rem; line-height:1; }
.ush-act-loc { font-size:.75rem; color:rgba(241,245,249,.7); font-weight:500; }
.ush-act-ref { font-size:.68rem; color:rgba(124,58,237,.8); background:rgba(124,58,237,.1); border-radius:4px; padding:.1rem .35rem; white-space:nowrap; }
.ush-act-time { font-size:.65rem; color:rgba(241,245,249,.3); white-space:nowrap; }
.ush-chart-wrap { display:flex; flex-direction:column; gap:.5rem; }
.ush-chart-lbl { font-size:.7rem; color:rgba(241,245,249,.35); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.6rem; }
.ush-bars { display:flex; align-items:flex-end; gap:5px; height:70px; }
.ush-bar { flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; height:100%; justify-content:flex-end; }
.ush-bar::before { content:''; display:block; width:100%; border-radius:4px 4px 0 0; background:rgba(124,58,237,.3); transform-origin:bottom; transform:scaleY(0); transition:transform .65s cubic-bezier(.34,1.56,.64,1); height:var(--bh,50%); }
.ush-bar-hi::before { background:linear-gradient(180deg,#a78bfa,#7c3aed); }
.ush-bar.ush-bar-in::before { transform:scaleY(1); }
.ush-bar span { font-size:.58rem; color:rgba(241,245,249,.3); flex-shrink:0; }
.ush-mock-badges { display:flex; flex-wrap:wrap; gap:.5rem; padding-top:.75rem; border-top:1px solid rgba(255,255,255,.05); margin-top:.25rem; }
.ush-mock-badges span { font-size:.68rem; color:rgba(241,245,249,.35); background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); border-radius:6px; padding:.2rem .55rem; }
.ush-feats { display:flex; flex-direction:column; gap:1.25rem; padding-top:.5rem; }
.ush-feat { display:flex; align-items:flex-start; gap:1rem; padding:1.1rem 1.25rem; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.06); border-radius:14px; transition:border-color .2s, background .2s; }
.ush-feat:hover { background:rgba(255,255,255,.045); border-color:rgba(124,58,237,.25); }
.ush-feat-ico { width:38px; height:38px; border-radius:10px; background:var(--fc,rgba(124,58,237,.18)); display:flex; align-items:center; justify-content:center; color:var(--fi,#a78bfa); font-size:.9rem; flex-shrink:0; }
.ush-feat-title { font-size:.9rem; font-weight:700; color:rgba(241,245,249,.9); margin-bottom:.2rem; }
.ush-feat-desc { font-size:.8rem; color:rgba(241,245,249,.45); line-height:1.6; }
.sc-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
@media (max-width: 900px) { .sc-grid { grid-template-columns: 1fr; gap: 2.5rem; } }
.sc-reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity .55s cubic-bezier(.22,1,.36,1) var(--scD,0s),
transform .55s cubic-bezier(.22,1,.36,1) var(--scD,0s);
}
.sc-reveal.is-visible { opacity: 1; transform: none; }
.sc-dashboard {
background: rgba(7,7,26,0.95);
border: 1px solid rgba(255,255,255,0.09);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 30px 80px rgba(0,0,0,0.4);
}
.sc-dashboard-hdr {
display: flex;
align-items: center;
gap: .5rem;
padding: 14px 18px;
border-bottom: 1px solid rgba(255,255,255,0.07);
background: rgba(255,255,255,0.03);
}
.sc-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.sc-dashboard-title { font-size: .8rem; color: var(--t26-muted); margin-left: .25rem; }
.sc-dashboard-body { padding: 1.5rem; }
.sc-field-group { margin-bottom: 1rem; }
.sc-label {
display: block;
font-size: .72rem;
color: var(--t26-muted);
margin-bottom: .4rem;
text-transform: uppercase;
letter-spacing: .05em;
}
.sc-input-row {
display: flex;
align-items: center;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 10px;
overflow: hidden;
}
.sc-input-row-success {
background: rgba(52,211,153,0.06);
border-color: rgba(52,211,153,0.25);
}
.sc-input-icon {
padding: .65rem .85rem;
color: var(--t26-muted);
border-right: 1px solid rgba(255,255,255,0.08);
font-size: .9rem;
flex-shrink: 0;
}
.sc-icon-success { color: #34D399; border-right-color: rgba(52,211,153,0.2); }
.sc-input-val {
flex: 1;
padding: .65rem .85rem;
font-size: .8rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sc-input-muted { color: var(--t26-muted); }
.sc-input-success { font-size: .85rem; }
.sc-copy-btn {
padding: .65rem .85rem;
background: none;
border: none;
border-left: 1px solid rgba(52,211,153,0.2);
color: var(--t26-muted);
cursor: pointer;
font-size: .85rem;
transition: color .2s;
flex-shrink: 0;
}
.sc-copy-btn:hover { color: #34D399; }
.sc-arrow-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
margin: .75rem 0;
}
.sc-arrow-line { width: 1px; height: 20px; background: rgba(124,58,237,0.4); }
.sc-arrow-head {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid rgba(124,58,237,0.6);
}
.sc-stats-row { display: flex; gap: .75rem; margin-top: 1.25rem; }
.sc-stat {
flex: 1;
text-align: center;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 10px;
padding: .7rem .5rem;
}
.sc-stat-val { font-size: 1.3rem; font-weight: 800; }
.sc-stat-lbl { font-size: .7rem; color: var(--t26-muted); margin-top: 2px; }
.sc-footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1rem;
padding-top: .85rem;
border-top: 1px solid rgba(255,255,255,0.07);
}
.sc-ssl-badge {
background: rgba(52,211,153,0.15);
color: #34D399;
border: 1px solid rgba(52,211,153,0.3);
border-radius: 99px;
padding: .2rem .65rem;
font-size: .72rem;
}
.sc-features-box {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
overflow: hidden;
}
.sc-box-hdr {
padding: .85rem 1.25rem;
border-bottom: 1px solid rgba(255,255,255,0.08);
font-size: .88rem;
font-weight: 700;
color: rgba(241,245,249,0.9);
}
.sc-feature-list { list-style: none; margin: 0; padding: .5rem 1.25rem 1rem; }
.sc-feature-list li {
display: flex;
align-items: flex-start;
gap: .75rem;
padding: .65rem 0;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sc-feature-list li:last-child { border-bottom: none; }
.sc-feature-list li i { margin-top: 2px; flex-shrink: 0; font-size: .95rem; }
.sc-feature-list strong { display: block; font-size: .85rem; color: rgba(241,245,249,0.9); margin-bottom: 1px; }
.sc-feature-list span { font-size: .78rem; color: var(--t26-muted); }
#t26-deeplink {
padding: 6rem 0;
background: var(--t26-bg);
position: relative;
overflow: hidden;
}
.dl-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
@media (max-width: 900px) { .dl-grid { grid-template-columns: 1fr; gap: 2.5rem; } }
.dl-reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity .55s cubic-bezier(.22,1,.36,1) var(--dlD,0s),
transform .55s cubic-bezier(.22,1,.36,1) var(--dlD,0s);
}
.dl-reveal.is-visible { opacity: 1; transform: none; }
.dl-benefits { display: flex; flex-direction: column; gap: .85rem; }
.dl-benefit { display: flex; align-items: flex-start; gap: .85rem; }
.dl-benefit strong { display: block; font-size: .9rem; color: rgba(241,245,249,0.9); margin-bottom: 2px; }
.dl-benefit span { font-size: .82rem; color: var(--t26-muted); }
.dl-url-card {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(124,58,237,0.25);
border-radius: 14px;
padding: 1.1rem 1.25rem;
margin-bottom: 1.25rem;
display: flex;
flex-direction: column;
align-items: center;
gap: .6rem;
text-align: center;
}
.dl-url-label { font-size: .85rem; color: rgba(241,245,249,0.6); }
.dl-chevron {
font-size: 1.1rem;
color: rgba(124,58,237,0.6);
animation: dl-bounce .9s ease-in-out infinite;
}
@keyframes dl-bounce {
0%,100% { transform: translateY(0); }
50% { transform: translateY(5px); }
}
.dl-apps-title {
font-size: .8rem;
color: var(--t26-muted);
text-align: center;
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: .06em;
}
.dl-apps-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: .85rem;
}
.dl-app { text-align: center; }
.dl-app-icon {
width: 52px;
height: 52px;
border-radius: 14px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto .4rem;
overflow: hidden;
transition: transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;
}
.dl-app-icon:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 20px rgba(0,0,0,0.25); }
.dl-app-icon img { width: 36px; height: 36px; object-fit: contain; border-radius: 8px; }
.dl-app-name { font-size: .68rem; color: var(--t26-muted); }
#t26-notifications {
padding: 6rem 0;
background: var(--t26-bg2);
position: relative;
overflow: hidden;
}
.nt-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
@media (max-width: 900px) {
.nt-grid { grid-template-columns: 1fr; gap: 2.5rem; }
.nt-cards-wrap { order: 2; }
.nt-text { order: 1; }
}
.nt-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity .55s cubic-bezier(.22,1,.36,1) var(--ntD,0s),
transform .55s cubic-bezier(.22,1,.36,1) var(--ntD,0s);
}
.nt-reveal.is-visible { opacity: 1; transform: none; }
.nt-cards-wrap { display: flex; flex-direction: column; gap: .85rem; }
.nt-card {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem 1.25rem;
border-radius: 16px;
opacity: 0;
transform: translateX(-24px);
transition: opacity .5s cubic-bezier(.22,1,.36,1) calc(var(--ni,0) * .15s + .1s),
transform .5s cubic-bezier(.22,1,.36,1) calc(var(--ni,0) * .15s + .1s);
}
.nt-card.is-in { opacity: 1; transform: none; }
.nt-card-plain {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
}
.nt-card-gradient {
background: var(--t26-gradient);
border: none;
box-shadow: 0 12px 40px rgba(124,58,237,0.3);
}
.nt-flag-wrap {
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
}
.nt-flag-wrap img { width: 36px; height: 36px; object-fit: cover; border-radius: 50%; }
.nt-card-body { flex: 1; }
.nt-card-title { font-size: .87rem; font-weight: 600; color: rgba(241,245,249,0.9); margin: 0 0 3px; }
.nt-card-sub { font-size: .75rem; color: var(--t26-muted); margin: 0; }
.nt-time-badge {
background: rgba(124,58,237,0.15);
color: #C4B5FD;
border: 1px solid rgba(124,58,237,0.25);
border-radius: 99px;
padding: .2rem .65rem;
font-size: .72rem;
white-space: nowrap;
flex-shrink: 0;
}
.nt-time-white {
background: rgba(255,255,255,0.2);
color: #fff;
border-color: rgba(255,255,255,0.3);
}
.nt-live-strip {
display: flex;
align-items: center;
gap: .5rem;
padding: .5rem .25rem;
margin-top: .25rem;
}
.nt-stats-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: .85rem;
}
.nt-stat-box {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 14px;
padding: 1.1rem 1rem;
transition: border-color .25s, background .25s, transform .25s;
}
.nt-stat-box:hover {
background: rgba(124,58,237,0.07);
border-color: rgba(124,58,237,0.25);
transform: translateY(-3px);
}
.nt-stat-val { font-size: 1.6rem; font-weight: 800; line-height: 1; margin-bottom: .3rem; }
.nt-stat-lbl { font-size: .78rem; color: var(--t26-muted); }
#t26-everything {
padding: 6rem 0;
background: var(--t26-bg);
position: relative;
overflow: hidden;
}
.ev-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity .5s cubic-bezier(.22,1,.36,1) var(--edeL, 0s),
transform .5s cubic-bezier(.22,1,.36,1) var(--edeL, 0s);
}
.ev-reveal.is-visible { opacity: 1; transform: none; }
.ev-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.1rem;
}
@media (max-width: 1100px) { .ev-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .ev-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .ev-grid { grid-template-columns: 1fr; } }
.ev-card {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 18px;
padding: 1.75rem 1.5rem;
display: flex;
flex-direction: column;
gap: .75rem;
transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .3s, box-shadow .3s, background .3s;
cursor: default;
}
.ev-card:hover {
transform: translateY(-5px);
background: rgba(124,58,237,0.07);
border-color: rgba(124,58,237,0.25);
box-shadow: 0 16px 40px rgba(0,0,0,0.25), 0 0 0 1px rgba(124,58,237,0.15);
}
.ev-icon-wrap {
width: 48px;
height: 48px;
border-radius: 13px;
background: radial-gradient(ellipse at 30% 30%, var(--ec1, rgba(124,58,237,0.25)), var(--ec2, rgba(124,58,237,0.1)));
border: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
flex-shrink: 0;
transition: transform .3s cubic-bezier(.22,1,.36,1);
}
.ev-card:hover .ev-icon-wrap { transform: scale(1.12) rotate(-4deg); }
.ev-title {
font-size: .95rem;
font-weight: 700;
color: rgba(241,245,249,0.92);
margin: 0;
line-height: 1.3;
}
.ev-desc {
font-size: .82rem;
color: var(--t26-muted);
line-height: 1.6;
margin: 0;
flex: 1;
}
.faq-list { max-width: 820px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid rgba(255,255,255,0.08); }
.faq-question {
font-size: 1.05rem;
font-weight: 600;
color: #e2e8f0;
cursor: pointer;
margin: 0;
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
list-style: none;
background: none;
border: none;
width: 100%;
text-align: left;
transition: color 0.2s;
}
.faq-question:hover { color: #a78bfa; }
.faq-question::after {
content: '+';
color: #a78bfa;
font-size: 1.5rem;
flex-shrink: 0;
line-height: 1;
transition: transform 0.25s;
}
.faq-item.faq-open .faq-question::after { transform: rotate(45deg); }
.faq-answer {
display: none;
padding-bottom: 20px;
color: #94a3b8;
line-height: 1.75;
font-size: 0.96rem;
}
.faq-item.faq-open .faq-answer { display: block; }
#t26-faq {
padding: 6rem 0;
background: var(--t26-bg);
position: relative;
}
.hfaq-wrap {
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 5rem;
align-items: start;
}
@media (max-width: 900px) {
.hfaq-wrap { grid-template-columns: 1fr; gap: 2.5rem; }
}
.hfaq-left { position: sticky; top: 90px; }
.hfaq-title {
font-size: clamp(1.7rem, 3vw, 2.3rem);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
margin: .5rem 0 1rem;
}
.hfaq-sub {
color: var(--t26-muted);
font-size: .95rem;
line-height: 1.75;
margin-bottom: 1.5rem;
}
.hfaq-badges {
display: flex;
flex-direction: column;
gap: .5rem;
}
.hfaq-badge {
display: flex;
align-items: center;
gap: .5rem;
font-size: .85rem;
color: var(--t26-muted);
}
.hfaq-badge i { color: #34d399; font-size: .8rem; }
.hfaq-list { display: flex; flex-direction: column; gap: .6rem; }
.hfaq-item {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
overflow: hidden;
transition: border-color .25s, background .25s, box-shadow .25s;
}
.hfaq-item:hover {
border-color: rgba(124,58,237,0.2);
background: rgba(255,255,255,0.055);
}
.hfaq-item.hfaq-open {
border-color: rgba(124,58,237,0.35);
background: rgba(124,58,237,0.06);
box-shadow: 0 8px 32px rgba(124,58,237,0.1);
}
.hfaq-q {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1.1rem 1.35rem;
background: none;
border: none;
color: rgba(241,245,249,0.88);
font-size: .95rem;
font-weight: 600;
text-align: left;
cursor: pointer;
transition: color .2s;
line-height: 1.4;
}
.hfaq-q:hover { color: #a78bfa; }
.hfaq-item.hfaq-open .hfaq-q { color: #a78bfa; }
.hfaq-chevron {
width: 28px;
height: 28px;
min-width: 28px;
border-radius: 8px;
background: rgba(255,255,255,0.06);
display: flex;
align-items: center;
justify-content: center;
font-size: .65rem;
color: rgba(241,245,249,0.35);
transition: transform .3s cubic-bezier(.22,1,.36,1), background .2s, color .2s;
}
.hfaq-item.hfaq-open .hfaq-chevron {
transform: rotate(180deg);
background: rgba(124,58,237,0.22);
color: #a78bfa;
}
.hfaq-a {
max-height: 0;
overflow: hidden;
transition: max-height .38s cubic-bezier(.22,1,.36,1);
}
.hfaq-item.hfaq-open .hfaq-a { max-height: 320px; }
.hfaq-a p {
margin: 0;
padding: 0 1.35rem 1.25rem;
color: rgba(241,245,249,0.55);
font-size: .9rem;
line-height: 1.75;
}
#hs-result {
margin-top: 1.25rem;
border-radius: 18px;
background: linear-gradient(135deg, rgba(124,58,237,0.12) 0%, rgba(6,182,212,0.06) 100%);
border: 1px solid rgba(124,58,237,0.35);
padding: 1.25rem 1.5rem;
animation: hs-fadein .35s cubic-bezier(.22,.61,.36,1);
}
@keyframes hs-fadein {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.hs-success-wrap {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.hs-icon-wrap {
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--t26-gradient);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 1.05rem;
flex-shrink: 0;
box-shadow: 0 0 20px rgba(124,58,237,0.45);
}
.hs-text {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: .2rem;
overflow: hidden;
}
.hs-label {
font-size: .75rem;
font-weight: 500;
color: rgba(241,245,249,0.45);
letter-spacing: .02em;
}
.hs-short-url {
font-size: 1.05rem;
font-weight: 700;
text-decoration: none;
background: var(--t26-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.hs-short-url:hover { opacity: .8; }
.hs-actions {
display: flex;
align-items: center;
gap: .5rem;
flex-shrink: 0;
}
.hs-copy-btn {
padding: .55rem 1.1rem;
font-size: .85rem;
white-space: nowrap;
}
.hs-copied {
background: linear-gradient(135deg, #10B981, #059669) !important;
}
.hs-open-btn {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
color: rgba(241,245,249,0.6);
text-decoration: none;
transition: background .2s, color .2s;
font-size: .85rem;
}
.hs-open-btn:hover {
background: rgba(255,255,255,0.12);
color: #fff;
}
.hs-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1rem;
padding-top: .85rem;
border-top: 1px solid rgba(255,255,255,0.07);
flex-wrap: wrap;
gap: .5rem;
}
.hs-reset-link {
background: none;
border: none;
color: rgba(241,245,249,0.4);
font-size: .8rem;
cursor: pointer;
padding: 0;
transition: color .2s;
display: flex;
align-items: center;
gap: .3rem;
}
.hs-reset-link:hover { color: rgba(241,245,249,0.75); }
.hs-track-link {
font-size: .8rem;
color: rgba(167,139,250,0.8);
text-decoration: none;
transition: color .2s;
display: flex;
align-items: center;
gap: .25rem;
}
.hs-track-link:hover { color: #A78BFA; }
.hs-error-msg {
color: #f87171;
font-size: .85rem;
margin: .5rem 0 0;
}
@media(max-width: 600px) {
.hs-success-wrap { flex-direction: column; align-items: flex-start; }
.hs-actions { width: 100%; }
.hs-copy-btn { flex: 1; justify-content: center; }
}
#qr-faq {
background: var(--t26-bg2);
padding: 6rem 0;
}
#t26-cta {
background: var(--t26-bg2);
padding: 7rem 0;
position: relative;
overflow: hidden;
}
.cta-orb {
position: absolute;
border-radius: 50%;
filter: blur(80px);
pointer-events: none;
opacity: .45;
}
.cta-orb-1 {
width: 500px;
height: 500px;
background: radial-gradient(circle, #7C3AED 0%, transparent 70%);
top: -150px;
left: -100px;
}
.cta-orb-2 {
width: 400px;
height: 400px;
background: radial-gradient(circle, #06B6D4 0%, transparent 70%);
bottom: -120px;
right: -80px;
}
.cta-inner {
position: relative;
z-index: 1;
text-align: center;
max-width: 720px;
margin: 0 auto;
}
.cta-badge {
display: inline-flex;
align-items: center;
gap: .5rem;
background: rgba(124,58,237,0.12);
border: 1px solid rgba(124,58,237,0.3);
border-radius: 99px;
padding: .35rem 1rem;
font-size: .8rem;
color: #C4B5FD;
margin-bottom: 1.75rem;
}
.cta-badge-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #A78BFA;
animation: pulse-dot 1.5s ease-in-out infinite;
flex-shrink: 0;
}
.cta-title {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 800;
line-height: 1.15;
color: rgba(241,245,249,0.95);
margin-bottom: 1.25rem;
letter-spacing: -.02em;
}
.cta-title-accent {
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.cta-sub {
font-size: 1.05rem;
color: var(--t26-muted);
margin-bottom: 2.5rem;
line-height: 1.7;
}
.cta-actions {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.cta-btn-primary {
display: inline-flex;
align-items: center;
padding: .9rem 2rem;
background: var(--t26-gradient);
color: #fff;
border-radius: 12px;
font-weight: 700;
font-size: 1rem;
text-decoration: none;
box-shadow: 0 8px 30px rgba(124,58,237,0.4);
transition: transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;
}
.cta-btn-primary:hover {
color: #fff;
transform: translateY(-3px);
box-shadow: 0 14px 40px rgba(124,58,237,0.55);
}
.cta-btn-ghost {
display: inline-flex;
align-items: center;
padding: .9rem 1.75rem;
background: rgba(255,255,255,0.06);
color: rgba(241,245,249,0.8);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 12px;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
transition: background .2s, border-color .2s, color .2s, transform .25s;
}
.cta-btn-ghost:hover {
background: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.25);
color: #fff;
transform: translateY(-2px);
}
.cta-trust {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: .5rem 0;
font-size: .82rem;
color: var(--t26-muted);
}
.cta-trust-sep {
width: 1px;
height: 12px;
background: rgba(255,255,255,0.15);
margin: 0 .75rem;
}
@media (max-width: 580px) { .cta-trust-sep { display: none; } .cta-trust { gap: .35rem .5rem; } }
.t26-hero {
padding: 100px 0 60px;
position: relative;
overflow: hidden;
background: var(--t26-bg);
}
.t26-auth-wrap {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
position: relative;
overflow: hidden;
background: var(--t26-bg);
}
.t26-auth-card {
background: rgba(13,13,43,0.8);
border: 1px solid var(--t26-border);
backdrop-filter: blur(20px);
border-radius: 20px;
padding: 2.5rem;
width: 100%;
max-width: 440px;
}
.pricing-period-btn {
display: inline-flex;
align-items: center;
padding: .55rem 1.5rem;
border-radius: 50px;
font-weight: 600;
font-size: .9rem;
cursor: pointer;
border: 1.5px solid var(--t26-border);
background: transparent;
color: var(--t26-muted);
transition: all .25s ease;
position: relative;
}
.pricing-period-btn.active,
.pricing-period-btn[data-active],
.pricing-period-btn.btn-primary {
background: var(--t26-gradient) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 4px 16px rgba(124,58,237,0.3) !important;
}
.pricing-period-btn.btn-light {
background: transparent !important;
border-color: var(--t26-border) !important;
color: var(--t26-muted) !important;
box-shadow: none !important;
}
.pricing-period-btn:hover:not(.active):not(.btn-primary) {
border-color: var(--t26-primary);
color: var(--t26-text);
}
.t26-blog-card {
background: var(--t26-card);
border: 1px solid var(--t26-border);
border-radius: 16px;
overflow: hidden;
transition: all .3s;
}
.t26-blog-card:hover {
border-color: rgba(124,58,237,0.3);
transform: translateY(-2px);
box-shadow: var(--t26-glow);
}
.t26-blog-card img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}
.t26-article {
font-size: 1.05rem;
line-height: 1.85;
color: var(--t26-text);
}
.t26-article h2, .t26-article h3, .t26-article h4 {
font-weight: 700;
margin-top: 2.5rem;
margin-bottom: 1rem;
color: var(--t26-text);
}
.t26-article p {
margin-bottom: 1.5rem;
color: var(--t26-muted);
}
.t26-article img {
max-width: 100%;
border-radius: 12px;
margin: 1.5rem 0;
}
.t26-article a {
color: var(--t26-primary-light);
text-decoration: underline;
text-underline-offset: 3px;
}
.t26-article blockquote {
border-left: 4px solid var(--t26-primary);
padding: 1rem 1.5rem;
margin: 2rem 0;
background: rgba(124,58,237,0.08);
border-radius: 0 12px 12px 0;
font-style: italic;
}
.t26-article pre,
.t26-article code {
background: rgba(255,255,255,0.06);
border-radius: 8px;
font-size: .9rem;
border: 1px solid var(--t26-border);
}
.t26-article pre {
padding: 1.25rem;
overflow-x: auto;
}
.t26-article code { padding: .15em .4em; }
.t26-article ul,
.t26-article ol {
padding-left: 1.5rem;
margin-bottom: 1.5rem;
color: var(--t26-muted);
}
.t26-article li { margin-bottom: .4rem; }
.stats-hero {
background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(6,182,212,0.1) 100%);
border-bottom: 1px solid var(--t26-border);
padding: 2.5rem 0;
}
.t26-stat-card {
background: var(--t26-card);
border: 1px solid var(--t26-border);
border-radius: 16px;
padding: 1.5rem;
text-align: center;
}
.t26-stat-card .number {
font-size: 2rem;
font-weight: 800;
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.t26-dashboard-wrap {
display: flex;
min-height: 100vh;
background: #07071A !important;
background: var(--t26-bg, #07071A) !important;
}
@keyframes t26-nav-in {
from { opacity: 0; transform: translateX(-10px); }
to { opacity: 1; transform: translateX(0); }
}
.t26-sidebar {
width: var(--t26-sidebar-width);
height: 100vh;
background: #0D0D2B !important;
background: var(--t26-bg2, #0D0D2B) !important;
border-right: 1px solid rgba(255,255,255,0.06);
display: flex;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
z-index: 200;
transition: transform .3s cubic-bezier(.4,0,.2,1);
overflow-y: auto;
overflow-x: hidden;
}
.t26-sidebar-brand {
padding: 1.2rem 1.25rem;
border-bottom: 1px solid rgba(255,255,255,0.06);
display: flex;
align-items: center;
gap: .75rem;
text-decoration: none;
flex-shrink: 0;
}
.t26-sidebar-brand span {
font-size: 1.1rem;
font-weight: 800;
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.t26-sidebar-brand img { max-height: 30px; }
.t26-sidebar-nav {
padding: .75rem .65rem 1rem;
flex-shrink: 0;
list-style: none;
margin: 0;
}
.t26-nav-section {
font-size: .62rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--t26-muted);
opacity: .6;
padding: 1.1rem .75rem .35rem;
display: flex;
align-items: center;
gap: .5rem;
}
.t26-nav-section::after {
content: '';
flex: 1;
height: 1px;
background: rgba(255,255,255,0.06);
}
.t26-nav-item { margin-bottom: 1px; }
.t26-nav-stagger {
opacity: 0;
animation: t26-nav-in .35s ease forwards;
}
.t26-nav-link {
display: flex;
align-items: center;
gap: .7rem;
padding: .52rem .75rem;
border-radius: 10px;
color: rgba(255,255,255,.45) !important;
font-size: .855rem;
font-weight: 500;
text-decoration: none !important;
transition: color .2s, background .2s;
cursor: pointer;
border: none;
background: transparent;
width: 100%;
text-align: left;
position: relative;
}
.t26-nav-link:hover {
color: rgba(255,255,255,.85) !important;
background: rgba(255,255,255,0.05);
}
.t26-nav-link:hover .t26-nav-icon {
background: rgba(124,58,237,0.2);
border-color: rgba(124,58,237,0.35);
transform: scale(1.08);
}
.t26-nav-link:hover .t26-nav-icon i {
color: #A78BFA;
}
.t26-nav-link.is-active {
color: #fff !important;
background: rgba(124,58,237,0.18) !important;
}
.t26-nav-link.is-active::before {
content: '';
position: absolute;
left: 0;
top: 20%;
height: 60%;
width: 3px;
border-radius: 0 3px 3px 0;
background: var(--t26-gradient);
}
.t26-nav-link.is-active .t26-nav-icon {
background: rgba(124,58,237,0.28);
border-color: rgba(124,58,237,0.5);
box-shadow: 0 0 10px rgba(124,58,237,0.25);
}
.t26-nav-link.is-active .t26-nav-icon i {
color: #C4B5FD;
}
.t26-nav-icon {
width: 30px;
height: 30px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.05);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
}
.t26-nav-icon i {
font-size: .8rem;
color: rgba(255,255,255,.55);
transition: color .2s;
width: auto;
opacity: 1;
}
.t26-nav-label {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.t26-nav-chevron {
font-size: .6rem;
color: rgba(255,255,255,.3);
flex-shrink: 0;
transition: transform .25s cubic-bezier(.4,0,.2,1);
margin-left: auto;
}
.t26-nav-link.t26-nav-open .t26-nav-chevron {
transform: rotate(180deg);
}
.t26-nav-submenu {
list-style: none;
margin: 2px 0 2px 0;
padding: 0 0 0 1rem;
border-left: 1px solid rgba(124,58,237,0.2);
margin-left: 1.5rem;
}
.t26-nav-sublink {
display: block;
padding: .42rem .75rem;
font-size: .815rem;
color: rgba(255,255,255,.4) !important;
text-decoration: none !important;
border-radius: 7px;
transition: color .15s, background .15s, padding-left .15s;
}
.t26-nav-sublink:hover {
color: rgba(255,255,255,.85) !important;
background: rgba(255,255,255,0.04);
padding-left: 1rem;
}
.t26-sidebar-nav .sidebar-item,
.t26-sidebar .sidebar-item {
margin-bottom: 1px;
list-style: none;
}
.t26-sidebar-nav .sidebar-link,
.t26-sidebar .sidebar-link {
display: flex;
align-items: center;
gap: .7rem;
padding: .52rem .75rem;
border-radius: 10px;
color: rgba(255,255,255,.45) !important;
font-size: .855rem;
font-weight: 500;
text-decoration: none !important;
transition: color .2s, background .2s;
cursor: pointer;
}
.t26-sidebar-nav .sidebar-link > i,
.t26-sidebar .sidebar-link > i,
.t26-sidebar-nav .sidebar-link > svg,
.t26-sidebar .sidebar-link > svg {
width: 30px !important;
height: 30px !important;
min-width: 30px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.05);
padding: 6px;
box-sizing: border-box;
flex-shrink: 0;
color: rgba(255,255,255,.55);
opacity: 1;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
}
.t26-sidebar-nav .sidebar-link:hover,
.t26-sidebar .sidebar-link:hover {
background: rgba(255,255,255,0.05);
color: rgba(255,255,255,.85) !important;
}
.t26-sidebar-nav .sidebar-link:hover > i,
.t26-sidebar .sidebar-link:hover > i,
.t26-sidebar-nav .sidebar-link:hover > svg,
.t26-sidebar .sidebar-link:hover > svg {
background: rgba(124,58,237,0.2);
border-color: rgba(124,58,237,0.35);
transform: scale(1.08);
color: #A78BFA;
}
.t26-sidebar-nav .sidebar-link.active,
.t26-sidebar .sidebar-link.active {
background: rgba(124,58,237,0.18) !important;
color: #fff !important;
}
.t26-sidebar-nav .sidebar-link.active > i,
.t26-sidebar .sidebar-link.active > i,
.t26-sidebar-nav .sidebar-link.active > svg,
.t26-sidebar .sidebar-link.active > svg {
background: rgba(124,58,237,0.28);
border-color: rgba(124,58,237,0.5);
box-shadow: 0 0 10px rgba(124,58,237,0.25);
color: #C4B5FD;
}
.t26-sidebar-nav .sidebar-dropdown,
.t26-sidebar .sidebar-dropdown {
list-style: none;
margin: 2px 0 2px 1.5rem;
padding: 0 0 0 1rem;
border-left: 1px solid rgba(124,58,237,0.2);
}
.t26-sidebar-nav .sidebar-dropdown .sidebar-link,
.t26-sidebar .sidebar-dropdown .sidebar-link {
font-size: .815rem;
padding: .42rem .75rem;
color: rgba(255,255,255,.38) !important;
}
.t26-sidebar-nav .sidebar-dropdown .sidebar-link:hover,
.t26-sidebar .sidebar-dropdown .sidebar-link:hover {
color: rgba(255,255,255,.85) !important;
background: rgba(255,255,255,0.04);
padding-left: 1rem;
}
.t26-nav-channel { gap: .75rem; }
.t26-nav-channel-dot {
width: 9px;
height: 9px;
border-radius: 50%;
flex-shrink: 0;
margin-left: 10px;
transition: transform .2s;
}
.t26-nav-channel:hover .t26-nav-channel-dot {
transform: scale(1.4);
}
.t26-workspace-toggle {
padding: .85rem 1rem;
border-bottom: 1px solid rgba(255,255,255,0.06);
margin-bottom: .25rem;
}
.t26-workspace-btn {
display: flex;
align-items: center;
gap: .65rem;
width: 100%;
padding: .6rem .75rem;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 10px;
cursor: pointer;
transition: background .2s, border-color .2s;
text-decoration: none;
color: var(--t26-text) !important;
}
.t26-workspace-btn:hover {
background: rgba(255,255,255,0.07);
border-color: rgba(124,58,237,0.3);
}
.t26-ws-avatar {
width: 26px;
height: 26px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 1.5px solid rgba(124,58,237,0.35);
}
.t26-ws-label {
font-size: .8rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
}
.t26-ws-chevron {
font-size: .6rem;
color: rgba(255,255,255,.3);
flex-shrink: 0;
}
.t26-sidebar-cta {
margin: 0 1rem 1.25rem;
flex-shrink: 0;
padding: 1rem 1rem .9rem;
background: linear-gradient(135deg, rgba(124,58,237,0.15) 0%, rgba(6,182,212,0.08) 100%);
border: 1px solid rgba(124,58,237,0.28);
border-radius: 14px;
position: relative;
overflow: hidden;
}
.t26-sidebar-cta::before {
content: '';
position: absolute;
top: -20px;
right: -20px;
width: 60px;
height: 60px;
background: radial-gradient(circle, rgba(124,58,237,0.3) 0%, transparent 70%);
border-radius: 50%;
}
.t26-cta-icon {
width: 30px;
height: 30px;
border-radius: 8px;
background: rgba(124,58,237,0.25);
border: 1px solid rgba(124,58,237,0.4);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: .6rem;
font-size: .8rem;
color: #C4B5FD;
}
.t26-sidebar-cta p {
font-size: .79rem;
color: var(--t26-muted);
margin-bottom: .65rem;
}
.t26-sidebar-header { display: none; }
.t26-sidebar-item { }
.t26-sidebar-link {
display: flex; align-items: center; gap: .75rem; padding: .52rem .75rem;
border-radius: 10px; color: rgba(255,255,255,.45) !important; font-size: .855rem;
font-weight: 500; text-decoration: none !important; transition: all .2s;
cursor: pointer; border: none; background: transparent; width: 100%; text-align: left;
}
.t26-sidebar-link:hover, .t26-sidebar-link.active {
background: rgba(124,58,237,0.15); color: #fff !important;
}
.t26-sidebar-submenu {
list-style: none; margin: 2px 0 2px 1.5rem;
padding: 0 0 0 1rem; border-left: 1px solid rgba(124,58,237,0.2);
}
.qs-trigger {
align-items: center;
gap: 8px;
background: rgba(124,58,237,0.1);
border: 1px solid rgba(124,58,237,0.35);
border-radius: 10px;
padding: 7px 14px;
cursor: pointer;
transition: background .2s, border-color .2s;
flex-shrink: 0;
margin-right: auto;
}
.qs-trigger:hover {
background: rgba(124,58,237,0.2);
border-color: rgba(124,58,237,0.6);
}
.qs-icon {
color: #A78BFA;
font-size: .85rem;
}
.qs-text {
color: rgba(241,245,249,0.75);
font-size: .82rem;
font-weight: 500;
white-space: nowrap;
}
.qs-keys {
display: flex;
gap: 3px;
align-items: center;
}
.qs-keys kbd {
background: rgba(124,58,237,0.25);
border: 1px solid rgba(124,58,237,0.5);
border-radius: 5px;
padding: 1px 6px;
font-size: .68rem;
color: #C4B5FD;
font-weight: 700;
font-family: inherit;
line-height: 1.6;
}
.t26-topbar {
height: var(--t26-topbar-height);
background: rgba(7,7,26,0.97) !important;
border-bottom: 1px solid var(--t26-border);
display: flex;
align-items: center;
padding: 0 1.5rem;
gap: 1rem;
position: sticky;
top: 0;
z-index: 100;
}
.t26-topbar-search {
flex: 1;
max-width: 380px;
}
.t26-topbar-search .form-control {
background: rgba(255,255,255,0.05) !important;
border-radius: 10px !important;
font-size: .875rem;
padding: .5rem 1rem;
}
.t26-topbar-actions {
display: flex;
align-items: center;
gap: .75rem;
margin-left: auto;
}
.t26-topbar-icon-btn {
width: 36px; height: 36px;
background: rgba(255,255,255,0.06);
border: 1px solid var(--t26-border);
border-radius: 9px;
display: flex;
align-items: center;
justify-content: center;
color: var(--t26-muted) !important;
transition: all .2s;
cursor: pointer;
text-decoration: none;
position: relative;
}
.t26-topbar-icon-btn:hover {
background: rgba(124,58,237,0.15);
border-color: rgba(124,58,237,0.4);
color: var(--t26-text) !important;
}
.t26-topbar-avatar {
width: 36px; height: 36px;
border-radius: 50%;
border: 2px solid rgba(124,58,237,0.5);
cursor: pointer;
object-fit: cover;
}
.t26-notification-badge {
position: absolute;
top: -4px; right: -4px;
width: 16px; height: 16px;
background: var(--t26-rose);
border-radius: 50%;
font-size: .65rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.t26-main {
margin-left: var(--t26-sidebar-width);
flex: 1;
min-height: 100vh;
display: flex;
flex-direction: column;
background: #07071A !important;
background: var(--t26-bg, #07071A) !important;
}
.t26-content {
padding: 1.75rem;
flex: 1;
background: #07071A;
background: var(--t26-bg, #07071A);
}
.t26-dashboard-footer {
padding: 1rem 1.75rem;
border-top: 1px solid var(--t26-border);
font-size: .8rem;
color: var(--t26-muted);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: .5rem;
}
.t26-dashboard-footer a {
color: var(--t26-muted);
transition: color .2s;
}
.t26-dashboard-footer a:hover { color: var(--t26-text); }
@media (max-width: 991.98px) {
.t26-sidebar {
transform: translateX(-100%);
}
.t26-sidebar.show {
transform: translateX(0);
}
.t26-main {
margin-left: 0;
}
}
.t26-link-row {
padding: 12px 6px;
border-bottom: 1px solid rgba(255,255,255,0.05);
border-radius: 8px;
margin: 0 -6px;
transition: background .15s;
}
.t26-link-row:hover {
background: rgba(255,255,255,0.03);
}
.t26-link-row:last-child {
border-bottom: none;
}
.t26-link-check {
width: 15px !important;
height: 15px !important;
border-radius: 4px !important;
background: rgba(255,255,255,0.06) !important;
border: 1.5px solid rgba(255,255,255,0.18) !important;
cursor: pointer;
flex-shrink: 0;
margin-top: 1px;
}
.t26-link-icon {
width: 32px;
height: 32px;
border-radius: 8px;
background: rgba(124,58,237,0.1);
border: 1px solid rgba(124,58,237,0.18);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.t26-link-short-url {
font-size: .78rem;
color: #9F67FF;
font-weight: 500;
white-space: nowrap;
}
.t26-link-copy {
font-size: .68rem;
font-weight: 600;
color: #7C3AED;
background: rgba(124,58,237,0.1);
border: 1px solid rgba(124,58,237,0.2);
padding: 1px 7px;
border-radius: 5px;
text-decoration: none !important;
white-space: nowrap;
transition: background .15s;
flex-shrink: 0;
}
.t26-link-copy:hover {
background: rgba(124,58,237,0.2);
color: #9F67FF;
}
.t26-link-badge {
display: inline-flex;
align-items: center;
font-size: .67rem;
font-weight: 500;
padding: 2px 7px;
border-radius: 5px;
background: rgba(255,255,255,0.06);
color: var(--t26-muted);
border: 1px solid rgba(255,255,255,0.1);
white-space: nowrap;
}
.t26-link-badge-red {
background: rgba(248,113,113,0.12);
color: #F87171;
border-color: rgba(248,113,113,0.25);
}
.t26-link-badge-green {
background: rgba(16,185,129,0.1);
color: #10b981;
border-color: rgba(16,185,129,0.22);
}
.t26-link-time {
font-size: .7rem;
color: var(--t26-muted);
white-space: nowrap;
}
.t26-link-stat {
flex-shrink: 0;
min-width: 60px;
text-align: center;
}
.rl-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:background .2s,border-color .2s;margin-bottom:6px}
.rl-row:last-child{margin-bottom:0}
.rl-row:hover{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.18)}
.rl-left{display:flex;align-items:center;gap:10px;min-width:0}
.rl-favicon-wrap{width:32px;height:32px;border-radius:8px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rl-favicon{border-radius:3px;display:block}
.rl-info{min-width:0;flex:1}
.rl-title{display:inline-flex;align-items:center;gap:5px;font-size:.875rem;font-weight:600;color:var(--t26-text);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s;vertical-align:middle}
.rl-title:hover{color:#A78BFA}
.rl-title-ext{font-size:.6rem;opacity:.35;flex-shrink:0}
.rl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:5px}
.rl-middle{display:flex;align-items:center;gap:6px;flex-shrink:0}
.rl-short-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);border-radius:8px;color:#A78BFA;font-size:.78rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.rl-short-link:hover{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.4);color:#C4B5FD}
.rl-short-icon{font-size:.65rem;flex-shrink:0;opacity:.7}
.rl-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--t26-muted);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;transition:background .2s,border-color .2s,color .2s;-webkit-user-select:none;user-select:none}
.rl-copy-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:var(--t26-text)}
.rl-copy-btn.rl-copied{color:#34D399;animation:rl-pop .25s ease}
@keyframes rl-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.rl-copy-btn::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);opacity:0;transition:opacity .5s}
.rl-copy-btn.rl-copied::before{opacity:0}
.rl-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.rl-stats-link{text-decoration:none;text-align:center;padding:4px 8px;border-radius:8px;transition:background .2s}
.rl-stats-link:hover{background:rgba(255,255,255,.05)}
.rl-stat-num{font-size:.95rem;font-weight:700;color:var(--t26-text);line-height:1}
.rl-stat-lbl{font-size:.65rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}
@media(max-width:767px){.rl-middle{display:none}}
.t26-dd-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
font-size: .83rem;
color: var(--t26-text);
text-decoration: none;
cursor: pointer;
transition: background .12s;
}
.t26-dd-item:hover {
background: rgba(255,255,255,0.05);
color: var(--t26-text);
}
.t26-dd-item-danger {
color: #F87171 !important;
}
.t26-dd-item-danger:hover {
background: rgba(248,113,113,0.08) !important;
}
.t26-shortener-form {
background: rgba(255,255,255,.04);
border: 1.5px solid rgba(255,255,255,.1);
border-radius: 12px;
display: flex;
align-items: stretch;
transition: border-color .2s, box-shadow .2s;
}
.t26-shortener-form:focus-within {
border-color: rgba(124,58,237,.5);
box-shadow: 0 0 0 3px rgba(124,58,237,.12);
}
.t26-shortener-form .form-control {
padding: .75rem 1rem;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.t26-shortener-collapse {
background: rgba(255,255,255,0.03);
border: 1px solid var(--t26-border);
border-radius: 12px;
padding: 1.25rem;
margin-top: 1rem;
}
.t26-gate-wrap {
min-height: calc(100vh - 200px);
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
position: relative;
}
.t26-help-category-card {
background: var(--t26-card);
border: 1px solid var(--t26-border);
border-radius: 16px;
padding: 1.75rem;
text-align: center;
transition: all .3s;
height: 100%;
}
.t26-help-category-card:hover {
border-color: rgba(124,58,237,0.3);
transform: translateY(-2px);
box-shadow: var(--t26-glow);
}
.t26-stats-nav {
background: var(--t26-bg2);
border-bottom: 1px solid var(--t26-border);
padding: .75rem 0;
}
.t26-stats-nav .nav-link {
color: var(--t26-muted) !important;
font-size: .875rem;
font-weight: 500;
padding: .45rem 1rem;
border-radius: 8px;
transition: all .2s;
}
.t26-stats-nav .nav-link:hover,
.t26-stats-nav .nav-link.active {
background: rgba(124,58,237,0.15);
color: var(--t26-primary-light) !important;
}
.t26-error-section {
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 3rem 1rem;
position: relative;
overflow: hidden;
}
.t26-error-code {
font-size: clamp(5rem,18vw,10rem);
font-weight: 900;
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1;
display: block;
}
.t26-invoice {
background: var(--t26-card);
border: 1px solid var(--t26-border);
border-radius: 16px;
padding: 2.5rem;
max-width: 800px;
margin: 2rem auto;
}
.bip-section { padding:6rem 0; background:var(--t26-bg); position:relative; overflow:hidden; }
.bip-subtitle { color:rgba(241,245,249,.5); font-size:1rem; line-height:1.75; max-width:560px; margin:.75rem auto 0; }
.bip-main-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
@media(max-width:900px){ .bip-main-grid { grid-template-columns:1fr; } }
.bip-mockup { display:flex; justify-content:center; position:relative; }
.bip-phone { width:240px; background:linear-gradient(145deg,#13132a,#0d0d1f); border:1px solid rgba(124,58,237,.3); border-radius:36px; padding:16px 12px 20px; position:relative; box-shadow:0 0 60px rgba(124,58,237,.15), 0 30px 60px rgba(0,0,0,.5); }
.bip-phone-notch { width:80px; height:6px; background:rgba(255,255,255,.08); border-radius:3px; margin:0 auto 14px; }
.bip-phone-screen { background:linear-gradient(160deg,#0f0f23,#080815); border-radius:24px; overflow:hidden; padding:0 0 12px; }
.bip-phone-glow { position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); width:160px; height:80px; background:radial-gradient(ellipse,rgba(124,58,237,.35) 0%,transparent 70%); pointer-events:none; }
.bip-profile-area { padding:20px 12px 14px; text-align:center; background:linear-gradient(180deg,rgba(124,58,237,.08) 0%,transparent 100%); }
.bip-avatar { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#7c3aed,#06b6d4); display:flex; align-items:center; justify-content:center; margin:0 auto 8px; color:#fff; font-size:1.3rem; box-shadow:0 0 20px rgba(124,58,237,.4); }
.bip-profile-name { font-size:.78rem; font-weight:700; color:rgba(241,245,249,.9); margin-bottom:4px; }
.bip-profile-bio { font-size:.6rem; color:rgba(241,245,249,.4); margin-bottom:10px; }
.bip-profile-socials { display:flex; justify-content:center; gap:8px; }
.bip-profile-socials span { width:24px; height:24px; border-radius:7px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:rgba(241,245,249,.5); font-size:.6rem; }
.bip-links-area { padding:8px 12px 0; display:flex; flex-direction:column; gap:6px; }
.bip-link-btn { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:.42rem .75rem; font-size:.62rem; color:rgba(241,245,249,.7); display:flex; align-items:center; transition:background .2s, border-color .2s; cursor:default; }
.bip-link-primary { background:linear-gradient(90deg,rgba(124,58,237,.35),rgba(6,182,212,.2)); border-color:rgba(124,58,237,.4); color:rgba(241,245,249,.95); font-weight:600; }
.bip-powered { text-align:center; font-size:.52rem; color:rgba(241,245,249,.2); margin-top:12px; }
.bip-features { display:flex; flex-direction:column; gap:1.1rem; }
.bip-feat { display:flex; align-items:flex-start; gap:1rem; padding:1rem 1.2rem; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.06); border-radius:14px; transition:border-color .2s, background .2s; }
.bip-feat:hover { background:rgba(255,255,255,.045); border-color:rgba(124,58,237,.25); }
.bip-feat-ico { width:38px; height:38px; border-radius:10px; background:var(--bfc,rgba(124,58,237,.18)); color:var(--bfi,#a78bfa); display:flex; align-items:center; justify-content:center; font-size:.9rem; flex-shrink:0; }
.bip-feat-title { font-size:.875rem; font-weight:700; color:rgba(241,245,249,.9); margin-bottom:.2rem; }
.bip-feat-desc { font-size:.78rem; color:rgba(241,245,249,.45); line-height:1.6; }
.t26-bio-container {
max-width: 480px;
margin: 0 auto;
padding: 2rem 1rem;
}
.t26-bio-link-btn {
display: block;
width: 100%;
padding: .9rem 1.5rem;
border-radius: 12px;
text-align: center;
font-weight: 600;
font-size: .95rem;
transition: all .3s;
margin-bottom: .75rem;
text-decoration: none;
background: rgba(255,255,255,0.06);
border: 1px solid var(--t26-border);
color: var(--t26-text) !important;
}
.t26-bio-link-btn:hover {
background: rgba(124,58,237,0.2);
border-color: rgba(124,58,237,0.5);
transform: translateY(-2px);
}
.ext-reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity .55s cubic-bezier(.22,1,.36,1) var(--delay, 0s),
transform .55s cubic-bezier(.22,1,.36,1) var(--delay, 0s);
}
.ext-reveal.is-visible {
opacity: 1;
transform: none;
}
#t26-extensions {
padding: 6rem 0;
position: relative;
overflow: hidden;
}
#t26-extensions::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 50% at 80% 50%, rgba(6,182,212,0.06), transparent 65%),
radial-gradient(ellipse 50% 60% at 10% 50%, rgba(124,58,237,0.06), transparent 60%);
pointer-events: none;
}
.ext-browsers-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.25rem;
margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
.ext-browsers-row { grid-template-columns: 1fr; max-width: 340px; margin-left: auto; margin-right: auto; }
}
.ext-browser-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 2.25rem 1.5rem 1.75rem;
border-radius: 20px;
border: 1px solid rgba(255,255,255,0.08);
background: var(--bg, rgba(255,255,255,0.04));
text-decoration: none !important;
position: relative;
overflow: hidden;
transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .3s, box-shadow .3s;
}
.ext-browser-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: var(--bc, #7C3AED);
opacity: .7;
transition: opacity .3s;
}
.ext-browser-card:hover {
transform: translateY(-6px);
border-color: var(--bc, rgba(255,255,255,0.2));
box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 0 1px var(--bc, rgba(255,255,255,0.1));
}
.ext-browser-card:hover::before {
opacity: 1;
}
.ext-browser-icon-wrap {
width: 72px;
height: 72px;
border-radius: 18px;
background: var(--bg, rgba(255,255,255,0.06));
border: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.1rem;
font-size: 2rem;
transition: transform .3s;
}
.ext-browser-card:hover .ext-browser-icon-wrap {
transform: scale(1.08);
}
.ext-browser-name {
font-size: 1.15rem;
font-weight: 700;
color: rgba(241,245,249,0.95);
margin-bottom: .2rem;
}
.ext-browser-sub {
font-size: .78rem;
color: var(--t26-muted);
margin-bottom: 1.25rem;
}
.ext-install-pill {
display: inline-flex;
align-items: center;
padding: .45rem 1.1rem;
border-radius: 50px;
font-size: .82rem;
font-weight: 600;
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.12);
color: rgba(241,245,249,0.8);
transition: background .25s, color .25s;
}
.ext-browser-card:hover .ext-install-pill {
background: var(--bc, rgba(255,255,255,0.15));
color: #fff;
border-color: transparent;
}
.ext-also-works {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .75rem 1.25rem;
justify-content: center;
padding: 1rem 1.5rem;
border-radius: 12px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.06);
margin-bottom: 1.5rem;
}
.ext-also-label {
font-size: .8rem;
color: var(--t26-muted);
font-weight: 500;
white-space: nowrap;
}
.ext-also-item {
font-size: .82rem;
color: rgba(241,245,249,0.65);
}
.ext-feat-strip {
display: flex;
flex-wrap: wrap;
gap: .75rem;
justify-content: center;
}
.ext-feat-pill {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .6rem 1.1rem;
border-radius: 50px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
font-size: .85rem;
color: rgba(241,245,249,0.75);
transition: background .25s, border-color .25s;
}
.ext-feat-pill:hover {
background: rgba(255,255,255,0.08);
border-color: rgba(255,255,255,0.14);
}
#t26-team {
padding: 6rem 0;
position: relative;
overflow: hidden;
background: var(--t26-bg);
}
#t26-team::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 55% 60% at 0% 50%, rgba(124,58,237,0.07), transparent 60%),
radial-gradient(ellipse 40% 50% at 100% 50%, rgba(6,182,212,0.05), transparent 55%);
pointer-events: none;
}
.team-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
@media (max-width: 991.98px) {
.team-grid { grid-template-columns: 1fr; gap: 2.5rem; }
.team-card-wrap { order: -1; }
}
.team-card-wrap { display: flex; justify-content: center; }
.team-card {
width: 100%;
max-width: 440px;
background: rgba(13,13,43,0.85);
border: 1px solid rgba(255,255,255,0.09);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 30px 80px rgba(0,0,0,0.3), 0 0 0 1px rgba(124,58,237,0.08);
}
.team-card-hdr {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.1rem 1.25rem;
border-bottom: 1px solid rgba(255,255,255,0.07);
background: rgba(255,255,255,0.02);
}
.team-invite-btn {
display: inline-flex;
align-items: center;
padding: .35rem .9rem;
border-radius: 50px;
font-size: .78rem;
font-weight: 600;
background: var(--t26-gradient);
border: none;
color: #fff;
cursor: default;
}
.team-members {
padding: 1rem 1.25rem;
display: flex;
flex-direction: column;
gap: .65rem;
}
.team-member {
display: flex;
align-items: center;
gap: .85rem;
padding: .7rem .85rem;
border-radius: 12px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.07);
opacity: 0;
transform: translateX(-20px);
cursor: default;
transition: opacity .5s cubic-bezier(.22,1,.36,1) var(--dm,0s),
transform .5s cubic-bezier(.22,1,.36,1) var(--dm,0s),
background .25s, border-color .25s, box-shadow .25s;
}
.team-member.is-in {
opacity: 1;
transform: none;
}
.team-member.is-in:hover {
transform: translateX(6px);
background: rgba(124,58,237,0.1);
border-color: rgba(124,58,237,0.35);
box-shadow: 0 4px 20px rgba(124,58,237,0.12);
}
.team-member.is-in:hover .team-avatar {
transform: scale(1.1) rotate(-4deg);
}
.team-member.is-in:hover .team-member-name {
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.team-avatar {
width: 38px;
height: 38px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: .8rem;
font-weight: 700;
color: #fff;
flex-shrink: 0;
letter-spacing: .03em;
transition: transform .3s cubic-bezier(.22,1,.36,1);
}
.team-member-info { flex: 1; min-width: 0; }
.team-member-name {
font-size: .875rem;
font-weight: 600;
color: rgba(241,245,249,0.92);
margin: 0 0 .1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.team-member-email {
font-size: .72rem;
color: var(--t26-muted);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.team-role-badge {
font-size: .7rem;
font-weight: 700;
padding: .25rem .65rem;
border-radius: 50px;
flex-shrink: 0;
text-transform: uppercase;
letter-spacing: .05em;
}
.team-role-admin { background: rgba(124,58,237,0.2); color: #C4B5FD; border: 1px solid rgba(124,58,237,0.3); }
.team-role-pending{ background: rgba(245,158,11,0.15); color: #FCD34D; border: 1px solid rgba(245,158,11,0.25); }
.team-role-member { background: rgba(6,182,212,0.15); color: #38BDF8; border: 1px solid rgba(6,182,212,0.25); }
.team-member-placeholder {
display: flex;
align-items: center;
gap: .85rem;
padding: .6rem .85rem;
border-radius: 12px;
border: 1px dashed rgba(255,255,255,0.12);
opacity: 0;
transform: translateX(-20px);
transition: opacity .5s cubic-bezier(.22,1,.36,1) var(--dm,0s),
transform .5s cubic-bezier(.22,1,.36,1) var(--dm,0s);
}
.team-member-placeholder.is-in { opacity: 1; transform: none; }
.team-avatar-placeholder {
width: 38px;
height: 38px;
border-radius: 10px;
background: rgba(255,255,255,0.05);
border: 1px dashed rgba(255,255,255,0.15);
display: flex;
align-items: center;
justify-content: center;
color: var(--t26-muted);
font-size: .85rem;
flex-shrink: 0;
}
.team-online-strip {
display: flex;
align-items: center;
gap: .5rem;
padding: .75rem 1.25rem;
border-top: 1px solid rgba(255,255,255,0.06);
background: rgba(255,255,255,0.015);
}
.team-online-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #34D399;
animation: pulse-dot 1.5s ease-in-out infinite;
}
.team-benefits {
display: flex;
flex-direction: column;
gap: 1.1rem;
}
.team-benefit {
display: flex;
align-items: flex-start;
gap: .85rem;
}
.team-benefit strong {
display: block;
font-size: .92rem;
font-weight: 700;
color: rgba(241,245,249,0.92);
margin-bottom: .15rem;
}
.team-benefit span {
font-size: .8rem;
color: var(--t26-muted);
line-height: 1.5;
}
@media (max-width: 575.98px) {
.hero-h1 { font-size: 2rem; }
.shorten-row { flex-direction: column; }
.t26-content { padding: 1rem; }
.t26-auth-card { padding: 1.5rem; }
.shortener-card { padding: 1rem; }
}
.t26-tabs {
display: flex;
align-items: center;
gap: .4rem;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 14px;
padding: .35rem;
}
.t26-tab {
display: flex;
align-items: center;
gap: .45rem;
padding: .55rem 1.15rem;
border-radius: 10px;
color: var(--t26-muted);
font-size: .88rem;
font-weight: 600;
transition: background .2s, color .2s;
text-decoration: none !important;
white-space: nowrap;
}
.t26-tab:hover { color: var(--t26-text); background: rgba(255,255,255,0.06); }
.t26-tab.active { background: var(--t26-gradient); color: #fff !important; }
.t26-tab i { font-size: .82rem; }
@media(max-width:480px){
.t26-tab span { display: none; }
.t26-tab { padding: .55rem .75rem; }
}
@keyframes bio-fadein {
from { opacity: 0; transform: translateY(26px); }
to { opacity: 1; transform: none; }
}
.bio-hero-anim {
animation: bio-fadein .75s cubic-bezier(.22,1,.36,1) both;
animation-delay: var(--bd, 0s);
}
.bio-reveal {
transform: translateY(22px);
opacity: 1;
transition: transform .6s cubic-bezier(.22,1,.36,1) var(--bd,0s),
opacity .6s cubic-bezier(.22,1,.36,1) var(--bd,0s);
}
.bio-reveal.bio-anim-ready {
opacity: 0;
transform: translateY(22px);
}
.bio-reveal.bio-visible { opacity: 1; transform: none; }
#bio-hero {
background: var(--t26-bg);
padding: 5rem 0 6rem;
position: relative;
overflow: hidden;
}
@media(max-width:1199px){
.bio-float-badge, .bio-float-notif { display: none; }
}
.bio-checks {
display: grid;
grid-template-columns: 1fr 1fr;
gap: .55rem;
margin-bottom: 1.5rem;
}
.bio-checks div {
display: flex;
align-items: center;
gap: .5rem;
font-size: .83rem;
color: rgba(241,245,249,0.8);
}
.bio-alias-label {
display: block;
font-size: .75rem;
font-weight: 700;
color: var(--t26-muted);
text-transform: uppercase;
letter-spacing: .09em;
margin-bottom: .5rem;
}
.bio-alias-row {
display: flex;
align-items: stretch;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.11);
border-radius: 12px;
overflow: hidden;
transition: border-color .2s, box-shadow .2s;
}
.bio-alias-row:focus-within {
border-color: rgba(124,58,237,0.55);
box-shadow: 0 0 0 3px rgba(124,58,237,0.14);
}
.bio-alias-prefix {
display: flex;
align-items: center;
gap: .3rem;
padding: 0 .85rem;
background: rgba(255,255,255,0.03);
border-right: 1px solid rgba(255,255,255,0.08);
color: var(--t26-muted);
font-size: .8rem;
white-space: nowrap;
flex-shrink: 0;
}
.bio-alias-row input {
flex: 1;
background: transparent;
border: none;
outline: none;
color: var(--t26-text);
font-size: .93rem;
font-weight: 500;
padding: .75rem .85rem;
min-width: 0;
font-family: 'Inter', sans-serif;
}
.bio-alias-row input::placeholder { color: rgba(241,245,249,0.22); }
.bio-alias-row .btn-gradient {
border-radius: 0;
padding: .75rem 1.2rem;
flex-shrink: 0;
}
.bio-alias-hint {
display: block;
font-size: .73rem;
color: var(--t26-muted);
margin-top: .4rem;
}
.bio-avatar-stack { display: flex; }
.bio-avatar-stack img {
width: 32px;
height: 32px;
border-radius: 50%;
border: 2px solid var(--t26-bg);
object-fit: cover;
margin-left: -8px;
}
.bio-avatar-stack img:first-child { margin-left: 0; }
.bio-phone-wrap {
position: relative;
display: inline-block;
filter: drop-shadow(0 32px 64px rgba(0,0,0,0.55));
}
.bio-phone {
width: 230px;
background: #0B0B1E;
border-radius: 38px;
border: 2px solid rgba(255,255,255,0.13);
overflow: hidden;
position: relative;
display: inline-block;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}
.bio-phone-notch {
width: 82px;
height: 22px;
background: #07071A;
border-radius: 0 0 16px 16px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.bio-phone-screen {
background: linear-gradient(180deg, #0D0D2B 0%, #07071A 100%);
min-height: 390px;
display: flex;
flex-direction: column;
}
.bio-phone-urlbar {
display: flex;
align-items: center;
gap: .32rem;
background: rgba(255,255,255,0.05);
border-radius: 7px;
padding: .3rem .6rem;
margin: .55rem .55rem .3rem;
height: 24px;
}
.bio-phone-avatar-wrap {
width: 64px;
height: 64px;
border-radius: 50%;
border: 2px solid rgba(124,58,237,0.55);
overflow: hidden;
display: inline-block;
position: relative;
}
.bio-phone-avatar-wrap img { width: 100%; height: 100%; object-fit: cover; }
.bio-phone-verified {
position: absolute;
bottom: 0;
right: 0;
width: 17px;
height: 17px;
background: var(--t26-gradient);
border-radius: 50%;
border: 1.5px solid #07071A;
display: flex;
align-items: center;
justify-content: center;
}
.bio-phone-social {
width: 22px;
height: 22px;
background: rgba(255,255,255,0.1);
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: .68rem;
color: rgba(241,245,249,0.7);
transition: background .2s;
}
.bio-phone-social:hover { background: rgba(255,255,255,0.17); }
.bio-phone-link-btn {
display: flex;
align-items: center;
justify-content: center;
gap: .32rem;
border-radius: 8px;
padding: .48rem .65rem;
font-size: .67rem;
font-weight: 600;
color: #fff !important;
text-decoration: none !important;
transition: opacity .2s;
}
.bio-phone-link-btn:hover { opacity: .85; }
.bio-phone-stats {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: .3rem;
padding: .5rem .7rem .6rem;
border-top: 1px solid rgba(255,255,255,0.06);
margin-top: auto;
text-align: center;
}
.bio-phone-stat-val {
font-size: .78rem;
font-weight: 700;
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.bio-phone-stat-lbl {
font-size: .55rem;
color: rgba(241,245,249,0.3);
text-transform: uppercase;
letter-spacing: .05em;
margin-top: .04rem;
}
.bio-phone-home-bar {
height: 4px;
background: rgba(255,255,255,0.15);
border-radius: 3px;
width: 58px;
margin: .45rem auto .6rem;
}
.bio-float-badge {
position: absolute;
background: rgba(10,10,32,0.88);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 10px;
padding: .42rem .82rem;
font-size: .73rem;
font-weight: 600;
color: rgba(241,245,249,0.92);
backdrop-filter: blur(12px);
white-space: nowrap;
display: flex;
align-items: center;
gap: .35rem;
animation: bio-float 4s ease-in-out infinite;
z-index: 10;
}
.bio-hero-col { position: relative; }
.bio-float-top { top: 16%; right: 4%; animation-delay: 0s; }
.bio-float-bottom { bottom: 22%; right: 4%; animation-delay: 2.1s; }
.bio-float-notif {
position: absolute;
top: 38%;
left: 4%;
background: rgba(16,185,129,0.14);
border: 1px solid rgba(16,185,129,0.32);
border-radius: 10px;
padding: .42rem .82rem;
font-size: .73rem;
font-weight: 600;
color: rgba(241,245,249,0.92);
backdrop-filter: blur(12px);
display: flex;
align-items: center;
gap: .48rem;
animation: bio-float 4s ease-in-out infinite;
animation-delay: 1.1s;
z-index: 10;
}
.bio-float-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #10B981;
animation: pulse-dot 1.5s ease-in-out infinite;
flex-shrink: 0;
}
@keyframes bio-float {
0%,100% { transform: translateY(0); }
50% { transform: translateY(-9px); }
}
.bio-platforms-section {
background: var(--t26-bg2);
padding: 1.6rem 0;
overflow: hidden;
border-top: 1px solid rgba(255,255,255,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.bio-platforms-label {
text-align: center;
font-size: .72rem;
color: var(--t26-muted);
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
margin-bottom: 1rem;
}
.bio-platforms-track {
overflow: hidden;
-webkit-mask-image: linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);
mask-image: linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);
}
.bio-platforms-inner {
display: flex;
gap: 2rem;
animation: bio-ticker 30s linear infinite;
width: max-content;
}
.bio-platforms-inner:hover { animation-play-state: paused; }
.bio-platform-item {
display: flex;
align-items: center;
gap: .48rem;
font-size: .83rem;
font-weight: 600;
color: var(--t26-muted);
white-space: nowrap;
transition: color .2s;
}
.bio-platform-item:hover { color: var(--t26-text); }
@keyframes bio-ticker {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
.bio-feat-grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 1.2rem;
}
@media(max-width:900px) { .bio-feat-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:480px) { .bio-feat-grid { gap: .75rem; } }
.bio-feat-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 16px;
padding: 1.5rem;
transition: transform .3s, border-color .3s, box-shadow .3s;
position: relative;
overflow: hidden;
}
.bio-feat-card::after {
content: '';
position: absolute;
inset: 0;
background: var(--t26-gradient);
opacity: 0;
transition: opacity .3s;
border-radius: 16px;
z-index: 0;
}
.bio-feat-card:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.3); box-shadow: 0 14px 44px rgba(0,0,0,0.3); }
.bio-feat-card:hover::after { opacity: .05; }
.bio-feat-card > * { position: relative; z-index: 1; }
.bio-feat-icon {
width: 48px;
height: 48px;
border-radius: 12px;
background: var(--bfi1,rgba(124,58,237,0.2));
border: 1px solid var(--bfi2,rgba(124,58,237,0.15));
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
font-size: 1.1rem;
color: var(--bfc,#A78BFA);
transition: transform .3s;
}
.bio-feat-card:hover .bio-feat-icon { transform: scale(1.12) rotate(-4deg); }
.bio-feat-title {
font-size: .9rem;
font-weight: 700;
color: rgba(241,245,249,0.95);
margin: 0 0 .4rem;
}
.bio-feat-desc {
font-size: .79rem;
color: var(--t26-muted);
line-height: 1.62;
margin: 0;
}
#bio-how {
background: var(--t26-bg2);
padding: 6rem 0;
}
.bio-steps {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 1.5rem;
position: relative;
}
.bio-steps::before {
content: '';
position: absolute;
top: 32px;
left: calc(16.66% + 20px);
right: calc(16.66% + 20px);
height: 1px;
background: linear-gradient(90deg,transparent,rgba(124,58,237,0.4),rgba(6,182,212,0.4),transparent);
pointer-events: none;
}
@media(max-width:700px) { .bio-steps { grid-template-columns: 1fr; } .bio-steps::before { display: none; } }
.bio-step { text-align: center; }
.bio-step-num-wrap {
width: 64px;
height: 64px;
border-radius: 50%;
background: rgba(124,58,237,0.12);
border: 2px solid rgba(124,58,237,0.28);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.1rem;
position: relative;
z-index: 1;
transition: transform .3s, background .3s;
}
.bio-step-num-wrap:hover { background: rgba(124,58,237,0.22); transform: scale(1.1); }
.bio-step-num {
font-size: 1.3rem;
font-weight: 800;
background: var(--t26-gradient-text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.bio-step-title { font-size: .95rem; font-weight: 700; color: rgba(241,245,249,0.95); margin: 0 0 .4rem; }
.bio-step-desc { font-size: .82rem; color: var(--t26-muted); line-height: 1.65; margin: 0; }
.bio-split-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.bio-split-reverse { direction: rtl; }
.bio-split-reverse > * { direction: ltr; }
@media(max-width:900px) { .bio-split-grid { grid-template-columns: 1fr; gap: 2.5rem; } .bio-split-reverse { direction: ltr; } }
.an-check {
width: 36px;
height: 36px;
border-radius: 10px;
background: rgba(124,58,237,0.15);
border: 1px solid rgba(124,58,237,0.3);
color: #A78BFA;
display: flex;
align-items: center;
justify-content: center;
font-size: .85rem;
flex-shrink: 0;
}
.bio-creators-wrap { display: flex; flex-direction: column; gap: .85rem; }
.bio-creator-card {
display: flex;
align-items: center;
gap: 1rem;
background: rgba(255,255,255,0.035);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
padding: 1rem 1.2rem;
transition: border-color .25s, background .25s;
}
.bio-creator-card:hover { border-color: rgba(124,58,237,0.3); background: rgba(255,255,255,0.06); }
.bio-creator-featured {
border-color: rgba(124,58,237,0.3) !important;
background: rgba(124,58,237,0.06) !important;
flex-wrap: wrap;
}
.bio-creator-avatar-wrap { position: relative; flex-shrink: 0; }
.bio-creator-avatar-wrap img { border-radius: 50%; border: 2px solid rgba(255,255,255,0.14); object-fit: cover; }
.bio-creator-badge {
position: absolute;
bottom: 0;
right: 0;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1.5px solid var(--t26-bg);
display: flex;
align-items: center;
justify-content: center;
}
.bio-creator-info { flex: 1; min-width: 0; }
.bio-creator-name { font-size: .9rem; font-weight: 700; color: rgba(241,245,249,0.95); margin: 0 0 .1rem; }
.bio-creator-role { font-size: .75rem; color: var(--t26-muted); margin: 0; }
.bio-widget-grid {
display: grid;
grid-template-columns: repeat(6,1fr);
gap: .85rem;
margin-bottom: 2rem;
}
@media(max-width:900px) { .bio-widget-grid { grid-template-columns: repeat(4,1fr); } }
@media(max-width:500px) { .bio-widget-grid { grid-template-columns: repeat(3,1fr); gap: .5rem; } }
.bio-widget-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 12px;
padding: 1rem .6rem;
text-align: center;
transition: transform .25s, border-color .25s, background .25s;
position: relative;
cursor: default;
}
.bio-widget-card:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); background: rgba(255,255,255,0.06); }
.bio-widget-icon { margin-bottom: .55rem; }
.bio-widget-img { width: 44px; height: 44px; object-fit: contain; border-radius: 10px; }
.bio-widget-name { font-size: .7rem; font-weight: 600; color: rgba(241,245,249,0.65); display: block; }
.bio-widget-popular {
position: absolute;
top: -6px;
right: -4px;
background: linear-gradient(135deg,#F43F5E,#F59E0B);
color: #fff;
font-size: .58rem;
font-weight: 700;
padding: .14rem .38rem;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: .04em;
}
.bio-widget-highlights {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 1.2rem;
margin-top: 1.5rem;
}
@media(max-width:700px) { .bio-widget-highlights { grid-template-columns: 1fr; } }
.bio-widget-hl {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 14px;
padding: 1.25rem 1rem;
text-align: center;
}
.bio-widget-hl-icon {
width: 44px;
height: 44px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto .75rem;
font-size: 1rem;
}
.bio-widget-hl-title { font-size: .88rem; font-weight: 700; color: rgba(241,245,249,0.9); margin: 0 0 .3rem; }
.bio-widget-hl-desc { font-size: .78rem; color: var(--t26-muted); margin: 0; line-height: 1.5; }
#bio-testi { background: var(--t26-bg); padding: 6rem 0; }
.bio-testimonials {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 1.25rem;
}
@media(max-width:800px) { .bio-testimonials { grid-template-columns: 1fr; } }
.bio-testi-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 16px;
padding: 1.5rem;
transition: border-color .3s, transform .3s;
}
.bio-testi-card:hover { border-color: rgba(124,58,237,0.28); transform: translateY(-3px); }
.bio-testi-stars { display: flex; gap: .2rem; margin-bottom: .75rem; }
.bio-testi-quote {
font-size: .85rem;
color: rgba(241,245,249,0.8);
line-height: 1.7;
margin: 0 0 1.25rem;
font-style: italic;
}
.bio-testi-author { display: flex; align-items: center; gap: .75rem; }
.bio-testi-author img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,0.1); }
.bio-testi-name { font-size: .85rem; font-weight: 700; color: rgba(241,245,249,0.95); margin: 0 0 .1rem; }
.bio-testi-handle { font-size: .74rem; color: var(--t26-muted); margin: 0; }
#bio-cta {
background: var(--t26-bg2);
padding: 6rem 0;
position: relative;
overflow: hidden;
}
.cta-orb {
position: absolute;
border-radius: 50%;
filter: blur(80px);
pointer-events: none;
animation: orb-drift 8s ease-in-out infinite;
}
.cta-orb-1 { width: 400px; height: 400px; background: rgba(124,58,237,0.18); top: -80px; left: -80px; }
.cta-orb-2 { width: 350px; height: 350px; background: rgba(6,182,212,0.14); bottom: -60px; right: -60px; animation-delay: 4s; }
@keyframes orb-drift {
0%,100% { transform: translate(0,0); }
33% { transform: translate(20px,-15px); }
66% { transform: translate(-10px,20px); }
}
.cta-inner {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 24px;
padding: 3.5rem 2rem;
text-align: center;
position: relative;
overflow: hidden;
backdrop-filter: blur(10px);
}
.cta-inner::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(124,58,237,0.12), transparent 70%);
pointer-events: none;
}
.cta-badge {
display: inline-flex;
align-items: center;
gap: .5rem;
background: rgba(16,185,129,0.1);
border: 1px solid rgba(16,185,129,0.25);
color: #34D399;
font-size: .78rem;
font-weight: 700;
padding: .35rem .9rem;
border-radius: 50px;
margin-bottom: 1.5rem;
}
.cta-badge-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #10B981;
animation: pulse-dot 1.5s ease-in-out infinite;
}
.cta-title {
font-size: clamp(1.9rem,4vw,2.8rem);
font-weight: 800;
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: -.02em;
}
.cta-title-accent { background: var(--t26-gradient-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.cta-sub { color: var(--t26-muted); font-size: .98rem; max-width: 500px; margin: 0 auto 2rem; line-height: 1.7; }
.cta-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.75rem; }
.cta-btn-primary {
display: inline-flex;
align-items: center;
gap: .5rem;
background: var(--t26-gradient);
color: #fff !important;
font-weight: 700;
padding: .85rem 2rem;
border-radius: 12px;
text-decoration: none !important;
transition: opacity .2s, transform .2s;
font-size: 1rem;
}
.cta-btn-primary:hover { opacity: .9; transform: translateY(-2px); }
.cta-btn-ghost {
display: inline-flex;
align-items: center;
gap: .5rem;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
color: rgba(241,245,249,0.85) !important;
font-weight: 600;
padding: .85rem 2rem;
border-radius: 12px;
text-decoration: none !important;
transition: background .2s, border-color .2s;
font-size: 1rem;
}
.cta-btn-ghost:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); }
.cta-trust {
display: flex;
justify-content: center;
align-items: center;
gap: .85rem;
flex-wrap: wrap;
font-size: .8rem;
color: var(--t26-muted);
}
.cta-trust-sep { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.18); }
.features-title {
font-size: clamp(1.7rem,3.5vw,2.4rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0;
}
.an-title {
font-size: clamp(1.65rem,3.3vw,2.3rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0 0 .5rem;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
background: rgba(255,255,255,0.06) !important;
border: 1.5px solid var(--t26-border) !important;
border-radius: 10px !important;
color: var(--t26-text) !important;
min-height: 42px !important;
display: flex !important;
align-items: center !important;
transition: border-color .2s, box-shadow .2s !important;
}
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--multiple:hover {
border-color: rgba(124,58,237,.4) !important;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
border-color: var(--t26-primary) !important;
box-shadow: 0 0 0 3px rgba(124,58,237,.2) !important;
background: rgba(255,255,255,0.08) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--t26-text) !important;
line-height: 42px !important;
padding-left: 12px !important;
padding-right: 30px !important;
font-size: .875rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--t26-muted) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px !important;
right: 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--t26-muted) transparent transparent transparent !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent var(--t26-muted) transparent !important;
}
.select2-container--default .select2-selection--multiple {
padding: 4px 6px !important;
align-items: flex-start !important;
flex-wrap: wrap !important;
min-height: 42px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(124,58,237,.2) !important;
border: 1px solid rgba(124,58,237,.35) !important;
border-radius: 6px !important;
color: var(--t26-text) !important;
font-size: .78rem !important;
padding: 2px 8px !important;
margin: 2px 4px 2px 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: rgba(255,255,255,.5) !important;
margin-right: 4px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #F87171 !important;
background: transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-search__field {
color: var(--t26-text) !important;
background: transparent !important;
}
.select2-dropdown {
background: var(--t26-bg2) !important;
border: 1px solid rgba(255,255,255,.1) !important;
border-radius: 12px !important;
box-shadow: 0 16px 48px rgba(0,0,0,.45) !important;
overflow: hidden;
min-width: max-content !important;
}
.select2-results__option { white-space: nowrap; }
.select2-container--open .select2-dropdown--above { border-radius: 12px !important; margin-bottom: 4px; }
.select2-container--open .select2-dropdown--below { border-radius: 12px !important; margin-top: 4px; }
.select2-search--dropdown {
padding: 8px !important;
border-bottom: 1px solid rgba(255,255,255,.07) !important;
background: transparent !important;
}
.select2-search--dropdown .select2-search__field {
background: rgba(255,255,255,.05) !important;
border: 1px solid rgba(255,255,255,.1) !important;
border-radius: 8px !important;
color: var(--t26-text) !important;
padding: 7px 10px !important;
font-size: .83rem !important;
outline: none !important;
}
.select2-search--dropdown .select2-search__field::placeholder { color: var(--t26-muted) !important; }
.select2-results__options { max-height: 220px !important; padding: 4px !important; }
.select2-results__option {
color: var(--t26-text) !important;
font-size: .84rem !important;
padding: 8px 12px !important;
border-radius: 8px !important;
transition: background .15s !important;
}
.select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted {
background: rgba(124,58,237,.2) !important;
color: #fff !important;
}
.select2-results__option[aria-selected=true] {
background: rgba(124,58,237,.12) !important;
color: var(--t26-primary-light, #A78BFA) !important;
}
.select2-results__group {
font-size: .72rem !important;
color: var(--t26-muted) !important;
text-transform: uppercase !important;
letter-spacing: .07em !important;
padding: 8px 12px 4px !important;
font-weight: 600 !important;
}
.input-group .select2-container { flex: 1; }
.input-group .select2-container .select2-selection--single {
border-radius: 0 10px 10px 0 !important;
border-left: none !important;
}
.input-group .select2-container:first-child .select2-selection--single {
border-radius: 10px 0 0 10px !important;
border-right: none !important;
}
.select2-results__options::-webkit-scrollbar { width: 4px; }
.select2-results__options::-webkit-scrollbar-track { background: transparent; }
.select2-results__options::-webkit-scrollbar-thumb { background: rgba(124,58,237,.3); border-radius: 4px; }
a.t26-share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.09);
color: var(--t26-text);
font-size: .9rem;
text-decoration: none;
transition: background .18s, border-color .18s, transform .15s;
}
a.t26-share-btn:hover {
background: rgba(124,58,237,0.18);
border-color: rgba(124,58,237,0.35);
color: #fff;
transform: translateY(-1px);
}
.t26-icon-input {
display: flex;
align-items: stretch;
}
.t26-icon-input > i {
display: flex;
align-items: center;
padding: 0 12px;
background: rgba(255,255,255,0.05);
border: 1.5px solid var(--t26-border);
border-right: none;
border-radius: 10px 0 0 10px;
color: var(--t26-muted);
font-size: .85rem;
flex-shrink: 0;
}
.t26-input {
background: rgba(255,255,255,0.06) !important;
border: 1.5px solid var(--t26-border) !important;
border-radius: 10px !important;
color: var(--t26-text) !important;
padding: .65rem 1rem !important;
font-size: .875rem !important;
width: 100%;
outline: none;
transition: border-color .2s, box-shadow .2s;
-webkit-appearance: none;
}
.t26-input::placeholder { color: var(--t26-muted) !important; }
select.t26-input {
background: var(--t26-bg2) !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
padding-right: 2.2rem !important;
}
select.t26-input option {
background: var(--t26-bg2);
color: var(--t26-text);
}
.t26-input:focus {
border-color: var(--t26-primary) !important;
box-shadow: 0 0 0 3px rgba(124,58,237,.2) !important;
background: rgba(255,255,255,0.08) !important;
}
.t26-icon-input .t26-input {
border-radius: 0 10px 10px 0 !important;
border-left: none !important;
flex: 1;
}
.t26-icon-input:focus-within > i {
border-color: rgba(124,58,237,0.5);
color: var(--t26-primary-light);
}
.t26-field-desc {
font-size: .73rem;
color: var(--t26-muted);
margin: 3px 0 6px;
line-height: 1.4;
}
.t26-alias-warn {
display: flex;
align-items: center;
gap: 6px;
margin-top: 6px;
font-size: .73rem;
color: #f59e0b;
line-height: 1.4;
}
.t26-alias-warn .fa {
font-size: .8rem;
flex-shrink: 0;
}
.sp-replacer {
background: rgba(255,255,255,0.06) !important;
border: 1.5px solid var(--t26-border) !important;
border-radius: 10px !important;
padding: 7px 12px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
cursor: pointer !important;
width: 100% !important;
transition: border-color .2s, box-shadow .2s, background .2s;
color: var(--t26-muted) !important;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
border-color: rgba(124,58,237,0.5) !important;
box-shadow: 0 0 0 3px rgba(124,58,237,.15) !important;
background: rgba(255,255,255,0.09) !important;
color: var(--t26-text) !important;
}
.sp-preview {
width: 30px !important;
height: 24px !important;
border-radius: 6px !important;
border: 1.5px solid rgba(255,255,255,0.18) !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.sp-dd {
font-size: .7rem !important;
margin-left: auto !important;
opacity: .6;
}
.sp-container {
background: #0D0D2B !important;
border: 1.5px solid rgba(124,58,237,0.35) !important;
border-radius: 14px !important;
box-shadow: 0 20px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(124,58,237,0.08) !important;
}
.sp-input {
background: rgba(255,255,255,0.07) !important;
border: 1.5px solid var(--t26-border) !important;
border-radius: 7px !important;
color: var(--t26-text) !important;
padding: 5px 8px !important;
font-size: .8rem !important;
width: 100% !important;
outline: none;
transition: border-color .2s, box-shadow .2s;
}
.sp-input:focus {
border-color: var(--t26-primary) !important;
box-shadow: 0 0 0 2px rgba(124,58,237,.2) !important;
}
.sp-input.sp-validation-error {
border-color: #F43F5E !important;
background: rgba(244,63,94,0.1) !important;
}
.sp-choose {
background: var(--t26-primary) !important;
border: none !important;
border-radius: 7px !important;
color: #fff !important;
font-size: .8rem !important;
font-weight: 500 !important;
padding: 5px 14px !important;
cursor: pointer !important;
transition: background .2s !important;
}
.sp-choose:hover {
background: var(--t26-primary-light) !important;
}
.sp-cancel {
color: var(--t26-muted) !important;
font-size: .8rem !important;
text-decoration: none !important;
transition: color .2s !important;
}
.sp-cancel:hover {
color: var(--t26-text) !important;
text-decoration: none !important;
}
.sp-palette .sp-thumb-el {
border-radius: 4px !important;
border: 1.5px solid rgba(255,255,255,0.08) !important;
transition: border-color .15s !important;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
border-color: var(--t26-primary) !important;
box-shadow: 0 0 0 2px rgba(124,58,237,.3) !important;
}
.sp-dragger {
border: 2px solid #fff !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}
.sp-slider {
border: 2px solid #fff !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}
.sp-alpha-handle {
border: 2px solid #fff !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8px,-12px) scale(1.04)}}
.bio-edit-hero{animation:fadeSlideUp .45s ease both;}
.bio-edit-anim{animation:fadeSlideUp .45s ease both;}
.bio-edit-anim-1{animation-delay:.06s}
.bio-edit-anim-2{animation-delay:.12s}
.bio-tab-nav .nav-link{
color:var(--t26-muted);border-radius:9px;padding:8px 14px;
font-size:.84rem;font-weight:500;border:1px solid transparent;
transition:all .2s ease;white-space:nowrap;
}
.bio-tab-nav .nav-link:hover{
color:var(--t26-text);background:rgba(255,255,255,0.05);
}
.bio-tab-nav .nav-link.active{
background:linear-gradient(135deg,rgba(124,58,237,.22) 0%,rgba(6,182,212,.12) 100%);
border-color:rgba(124,58,237,.35);
color:#C4B5FD;
}
.bio-section-header{
display:flex;align-items:center;gap:10px;margin-bottom:1rem;margin-top:1.75rem;
}
.bio-section-header:first-child{margin-top:0;}
.bio-section-header::before{
content:'';width:3px;height:18px;border-radius:2px;
background:var(--t26-gradient);flex-shrink:0;
}
.bio-section-header h5{
font-size:.9rem;font-weight:700;letter-spacing:.02em;
background:var(--t26-gradient-text);-webkit-background-clip:text;
-webkit-text-fill-color:transparent;background-clip:text;margin:0;
}
.form-check-input:checked{background-color:#7C3AED;border-color:#7C3AED;}
.form-check-input:focus{box-shadow:0 0 0 .2rem rgba(124,58,237,.25);}
.form-check-input{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}
.bio-select{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.1)!important;
color:var(--t26-text)!important;border-radius:9px!important;
padding:9px 14px!important;font-size:.875rem;
}
.bio-select option{background:var(--t26-bg2);color:var(--t26-text);}
.bio-color-wrap{
display:flex;align-items:center;gap:10px;
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
border-radius:9px;padding:8px 12px;cursor:pointer;
}
.bio-color-wrap input[type=text]{
background:none;border:none;color:var(--t26-text);
font-size:.85rem;width:100%;outline:none;
}
.bio-color-swatch{
width:28px;height:28px;border-radius:6px;flex-shrink:0;
border:1px solid rgba(255,255,255,.15);
}
.bio-pick-card{
border:1px solid rgba(255,255,255,0.08);border-radius:10px;
background:rgba(255,255,255,0.03);cursor:pointer;
transition:border-color .2s,transform .15s;
overflow:hidden;
}
.bio-pick-card:hover{border-color:rgba(124,58,237,.35);transform:translateY(-1px);}
.bio-pick-card.theme-active{border-color:rgba(124,58,237,.6)!important;background:rgba(124,58,237,.07)!important;}
.socialsortable{cursor:default;}
.bio-save-btn{position:relative;overflow:hidden;}
.bio-save-btn::after{
content:'';position:absolute;inset:0;border-radius:8px;
background:rgba(255,255,255,.15);opacity:0;transition:opacity .2s;
}
.bio-save-btn:active::after{opacity:1;}
.bio-preview-wrap{
background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.07);
border-radius:14px;overflow:hidden;
box-shadow:0 0 0 6px rgba(255,255,255,.04), 0 20px 60px rgba(0,0,0,.4);
}
.bio-avatar-ring{
width:90px;height:90px;border-radius:50%;padding:3px;
background:var(--t26-gradient);flex-shrink:0;
}
.bio-avatar-ring img{
width:100%;height:100%;border-radius:50%;object-fit:cover;
border:2px solid var(--t26-bg);display:block;
}
.bio-avatar-upload{
position:absolute;bottom:0;right:0;
width:26px;height:26px;border-radius:50%;
background:var(--t26-gradient);border:2px solid var(--t26-bg);
display:flex;align-items:center;justify-content:center;cursor:pointer;
}
input[data-trigger="color"]{
background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);
border-radius:9px;color:var(--t26-text);padding:9px 14px;
width:100%;font-size:.875rem;outline:none;
transition:border-color .2s;
}
input[data-trigger="color"]:focus{border-color:rgba(124,58,237,.5);}
.bio-pick-label{
border:1px solid rgba(255,255,255,0.08);border-radius:12px;
background:rgba(255,255,255,0.03);cursor:pointer;
transition:border-color .2s,background .2s,transform .15s;
overflow:hidden;display:block;
}
.bio-pick-label:hover{
border-color:rgba(124,58,237,.4);background:rgba(124,58,237,.06);
transform:translateY(-2px);
}
.bio-pick-label.active-pick{
border-color:rgba(124,58,237,.7)!important;
background:rgba(124,58,237,.1)!important;
box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.bio-add-btn{
width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
padding:16px;border-radius:14px;border:2px dashed rgba(124,58,237,.35);
background:rgba(124,58,237,.06);color:#C4B5FD;font-size:.95rem;font-weight:600;
cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;
}
.bio-add-btn:hover{
border-color:rgba(124,58,237,.7);background:rgba(124,58,237,.12);
color:#DDD6FE;transform:translateY(-1px);
box-shadow:0 8px 24px rgba(124,58,237,.2);
}
.bio-add-btn .bio-add-icon{
width:32px;height:32px;border-radius:50%;background:var(--t26-gradient);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
transition:transform .25s ease;
}
.bio-add-btn:hover .bio-add-icon{transform:rotate(90deg) scale(1.1);}
.bio-toggle-row{
display:flex;align-items:center;padding:14px 16px;
border:1px solid rgba(255,255,255,.07);border-radius:11px;
background:rgba(255,255,255,.03);transition:background .2s;
}
.bio-toggle-row:hover{background:rgba(255,255,255,.05);}
.bio-toggle-row + .bio-toggle-row{margin-top:10px;}
.bio-upload-zone{
border:2px dashed rgba(255,255,255,.12);border-radius:12px;
padding:28px;text-align:center;cursor:pointer;
transition:border-color .2s,background .2s;
background:rgba(255,255,255,.03);position:relative;
}
.bio-upload-zone:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.05);}
.bio-upload-zone input[type=file]{
position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;
}
#biosocial .glass-card.card{
background:rgba(255,255,255,0.04)!important;
border:1px solid rgba(255,255,255,0.08)!important;
border-radius:14px!important;
box-shadow:none!important;
color:inherit!important;
}
#sociallinksholder .socialsortable.card,
#sociallinksholder .socialsortable{
background:rgba(255,255,255,0.04)!important;
border:1px solid rgba(255,255,255,0.08)!important;
border-radius:12px!important;
color:var(--t26-text)!important;
box-shadow:none!important;
}
#sociallinksholder .socialsortable .fw-bold{color:var(--t26-text)!important;}
#sociallinksholder .socialsortable .handle{color:rgba(255,255,255,.25)!important;cursor:grab;}
#sociallinksholder .socialsortable a[data-trigger="deletesocial"] i{
color:rgba(239,68,68,.5)!important;font-size:.9rem!important;transition:color .2s;
}
#sociallinksholder .socialsortable a[data-trigger="deletesocial"]:hover i{color:#F87171!important;}
#sociallinksholder .input-group-text,
#sociallinksholder .input-group-text.bg-white{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.1)!important;
border-right:none!important;
color:var(--t26-text)!important;
border-radius:9px 0 0 9px!important;
}
#sociallinksholder .form-control{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.1)!important;
border-left:none!important;
border-radius:0 9px 9px 0!important;
color:var(--t26-text)!important;
padding:9px 12px!important;
}
#sociallinksholder .form-control:focus{
border-color:rgba(124,58,237,.5)!important;
box-shadow:0 0 0 3px rgba(124,58,237,.1)!important;
background:rgba(255,255,255,0.08)!important;
}
#sociallinksholder .form-control::placeholder{color:var(--t26-muted)!important;opacity:.6;}
#sociallinksholder:empty::after{
content:attr(data-empty);color:var(--t26-muted);font-size:.82rem;
display:flex;align-items:center;justify-content:center;min-height:50px;
opacity:.5;
}
#linkcontent .widget{
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.08)!important;
border-radius:14px!important;
overflow:visible;
}
#linkcontent .widget > .card.rounded-4{
background:transparent!important;
border:none!important;
box-shadow:none!important;
padding:0!important;
}
#linkcontent .widget .handle{color:rgba(255,255,255,.25);font-size:.85rem!important;cursor:grab;}
#linkcontent .widget .handle:active{cursor:grabbing;}
#linkcontent .widget a[data-trigger="removeCard"] i{
color:rgba(239,68,68,.5)!important;font-size:.9rem!important;transition:color .2s;
}
#linkcontent .widget a[data-trigger="removeCard"]:hover i{color:#F87171!important;}
#linkcontent .widget a.text-dark,
#linkcontent .widget a.text-dark h5,
#linkcontent .widget a.text-dark *{color:var(--t26-text)!important;}
#linkcontent .widget .text-muted{color:var(--t26-muted)!important;}
#linkcontent .widget h5{font-size:.875rem;font-weight:600;}
#linkcontent .form-label{
color:var(--t26-muted);font-size:.76rem;font-weight:600;
letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;
}
#linkcontent .form-control,
#linkcontent .form-select{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.1)!important;
border-radius:9px!important;
color:var(--t26-text)!important;
padding:9px 12px!important;
font-size:.875rem!important;
transition:border-color .2s,box-shadow .2s;
}
#linkcontent .form-control:focus,
#linkcontent .form-select:focus{
border-color:rgba(124,58,237,.5)!important;
box-shadow:0 0 0 3px rgba(124,58,237,.1)!important;
background:rgba(255,255,255,0.08)!important;
}
#linkcontent .form-control::placeholder{color:var(--t26-muted)!important;opacity:.6;}
#linkcontent select.form-select option{background:var(--t26-bg2);color:var(--t26-text);}
#linkcontent textarea.form-control{min-height:100px;resize:vertical;}
[data-toggle="multibuttons"]{
background:rgba(255,255,255,0.04)!important;
border:1px solid rgba(255,255,255,0.08)!important;
border-radius:10px!important;
padding:4px!important;
gap:4px;display:flex;
}
[data-toggle="multibuttons"] .btn,
[data-toggle="multibuttons"] .btn-outline-t26{
background:transparent!important;
border:1px solid transparent!important;
color:var(--t26-muted)!important;
border-radius:8px!important;
font-size:.8rem!important;
padding:6px 12px!important;
font-weight:600!important;
transition:background .2s, border-color .2s, color .2s;
box-shadow:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
[data-toggle="multibuttons"] .btn.active,
[data-toggle="multibuttons"] .btn.shadow-sm.bg-white,
[data-toggle="multibuttons"] .btn.fw-bold.bg-white,
[data-toggle="multibuttons"] .btn-outline-t26.active{
background:rgba(124,58,237,0.2)!important;
border-color:rgba(124,58,237,0.35)!important;
color:#C4B5FD!important;
}
#linkcontent .btn.btn-primary{
background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%)!important;
border:none!important;
border-radius:9px!important;
font-size:.85rem!important;
font-weight:600!important;
color:#fff!important;
box-shadow:none!important;
}
#linkcontent .btn.btn-primary:hover{opacity:.9;}
#linkcontent .btn.bg-white.border,
#linkcontent .btn.bg-white{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.12)!important;
color:var(--t26-text)!important;
border-radius:9px!important;
font-size:.85rem!important;
box-shadow:none!important;
}
#linkcontent .btn.bg-white.border:hover,
#linkcontent .btn.bg-white:hover{background:rgba(255,255,255,0.1)!important;}
#linkcontent .border.rounded.p-2,
#linkcontent .border.rounded-3.p-2{
background:rgba(255,255,255,0.03)!important;
border:1px solid rgba(255,255,255,0.07)!important;
border-radius:10px!important;
}
#linkcontent .form-text{color:var(--t26-muted)!important;font-size:.76rem;}
#linkcontent .form-check-label{color:var(--t26-text)!important;font-size:.84rem;}
#linkcontent .input-group-text{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.1)!important;
color:var(--t26-muted)!important;
border-radius:9px 0 0 9px!important;
}
#linkcontent .input-group .form-control:first-child:not(:last-child){border-radius:0 9px 9px 0!important;}
#linkcontent .iconpicker-component{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.1)!important;
border-radius:10px!important;
color:var(--t26-text)!important;
display:inline-flex!important;
align-items:center;justify-content:center;
}
#linkcontent .btn.btn-sm.btn-dark{
background:rgba(255,255,255,0.08)!important;
border:1px solid rgba(255,255,255,0.15)!important;
color:var(--t26-text)!important;
border-radius:8px!important;
}
#linkcontent .btn.btn-sm.btn-dark:hover{background:rgba(255,255,255,0.14)!important;}
#linkcontent .collapse.mt-2{border-top:1px solid rgba(255,255,255,.06);padding-top:12px;margin-top:8px!important;}
#linkcontent .note-editor.note-frame,
#linkcontent .note-editor.note-airframe{
background:rgba(255,255,255,0.04)!important;
border:1px solid rgba(255,255,255,0.1)!important;
border-radius:10px!important;
overflow:hidden;
}
#linkcontent .note-toolbar{
background:rgba(255,255,255,0.06)!important;
border-bottom:1px solid rgba(255,255,255,0.08)!important;
padding:6px 8px!important;
}
#linkcontent .note-toolbar .note-btn,
#linkcontent .note-toolbar button{
background:transparent!important;
border:1px solid transparent!important;
color:var(--t26-text)!important;
border-radius:6px!important;
transition:background .15s!important;
}
#linkcontent .note-toolbar .note-btn:hover,
#linkcontent .note-toolbar button:hover{
background:rgba(255,255,255,0.1)!important;
border-color:rgba(255,255,255,0.15)!important;
}
#linkcontent .note-toolbar .note-btn.active,
#linkcontent .note-toolbar button.active{
background:rgba(124,58,237,0.3)!important;
border-color:rgba(124,58,237,0.5)!important;
}
#linkcontent .note-editing-area,
#linkcontent .note-editable{
background:rgba(255,255,255,0.03)!important;
color:var(--t26-text)!important;
min-height:80px!important;
}
#linkcontent .note-editable[contenteditable]{
background:transparent!important;
color:var(--t26-text)!important;
}
#linkcontent .note-statusbar{
background:rgba(255,255,255,0.04)!important;
border-top:1px solid rgba(255,255,255,0.06)!important;
}
#linkcontent .note-toolbar .dropdown-menu{
background:var(--t26-bg2)!important;
border:1px solid rgba(255,255,255,0.1)!important;
border-radius:10px!important;
}
#linkcontent .note-toolbar .dropdown-item{color:var(--t26-text)!important;}
#linkcontent .note-toolbar .dropdown-item:hover{background:rgba(255,255,255,0.08)!important;}
#linkcontent .note-toolbar .note-color-reset,
#linkcontent .note-toolbar .note-color-row{color:var(--t26-text)!important;}
#linkcontent .image-dropzone,
#linkcontent .carousel-dropzone{
background:rgba(124,58,237,0.06)!important;
border-color:rgba(124,58,237,0.3)!important;
color:var(--t26-text)!important;
}
#linkcontent .image-dropzone:hover,
#linkcontent .carousel-dropzone:hover,
#linkcontent .image-dropzone.bg-light,
#linkcontent .carousel-dropzone.bg-light{
background:rgba(124,58,237,0.12)!important;
border-color:rgba(124,58,237,0.6)!important;
}
#linkcontent .image-dropzone .dropzone-content,
#linkcontent .carousel-dropzone .dropzone-content{color:var(--t26-muted)!important;}
#linkcontent .image-dropzone .dropzone-content strong,
#linkcontent .carousel-dropzone .dropzone-content strong,
#linkcontent .image-dropzone .dropzone-content p,
#linkcontent .carousel-dropzone .dropzone-content p{color:var(--t26-text)!important;}
.image-dropzone.border-primary,
.carousel-dropzone.border-primary{
border-color:rgba(124,58,237,0.8)!important;
background:rgba(124,58,237,0.15)!important;
}
#linkcontent .card-body{
background:rgba(255,255,255,0.04)!important;
color:var(--t26-text)!important;
border-radius:0 0 10px 10px!important;
}
#linkcontent .card{
background:rgba(255,255,255,0.04)!important;
border:1px solid rgba(255,255,255,0.08)!important;
border-radius:10px!important;
overflow:hidden;
}
#linkcontent .card img{border-radius:8px 8px 0 0!important;}
#linkcontent .btn-secondary,
#linkcontent .btn.btn-secondary{
background:rgba(255,255,255,0.08)!important;
border:1px solid rgba(255,255,255,0.15)!important;
color:var(--t26-text)!important;
border-radius:8px!important;
box-shadow:none!important;
}
#linkcontent .btn-secondary:hover,
#linkcontent .btn.btn-secondary:hover{background:rgba(255,255,255,0.14)!important;}
#linkcontent .btn-outline-secondary{
background:transparent!important;
border:1px solid rgba(255,255,255,0.2)!important;
color:var(--t26-text)!important;
border-radius:8px!important;
}
#linkcontent .btn-outline-secondary:hover{background:rgba(255,255,255,0.08)!important;}
#linkcontent .bg-light{background:rgba(255,255,255,0.05)!important;}
#linkcontent .form-control.bg-white,
#linkcontent .form-control.border-0.bg-white{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.1)!important;
color:var(--t26-text)!important;
}
#linkcontent .text-dark,
#linkcontent .text-black,
#linkcontent .text-body{color:var(--t26-text)!important;}
#linkcontent .rss.card,
#linkcontent .rss.card.card-body{
background:rgba(255,255,255,0.04)!important;
border:1px solid rgba(255,255,255,0.08)!important;
color:var(--t26-text)!important;
}
#linkcontent .rss a{color:var(--t26-primary-light)!important;}
#linkcontent .image-dropzone .btn-primary,
#linkcontent .carousel-dropzone .btn-primary{
background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%)!important;
border:none!important;
color:#fff!important;
border-radius:8px!important;
}
#linkcontent input[data-toggle="biodatepicker"]{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.1)!important;
border-radius:9px!important;
color:var(--t26-text)!important;
padding:9px 12px!important;
font-size:.875rem!important;
cursor:pointer;
transition:border-color .2s,box-shadow .2s;
}
#linkcontent input[data-toggle="biodatepicker"]:focus,
#linkcontent input[data-toggle="biodatepicker"]:hover{
border-color:rgba(124,58,237,.5)!important;
box-shadow:0 0 0 3px rgba(124,58,237,.1)!important;
background:rgba(255,255,255,0.08)!important;
}
.daterangepicker{
background:#0D0D2B!important;
border:1.5px solid rgba(124,58,237,0.35)!important;
border-radius:14px!important;
box-shadow:0 20px 60px rgba(0,0,0,0.5)!important;
color:var(--t26-text)!important;
}
.daterangepicker::before,.daterangepicker::after{display:none!important;}
.daterangepicker .calendar-table{
background:transparent!important;
border:none!important;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td{
color:var(--t26-text)!important;
border-radius:7px!important;
border:none!important;
}
.daterangepicker .calendar-table th{
color:rgba(255,255,255,.4)!important;
font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover{
background:rgba(124,58,237,0.25)!important;
color:#C4B5FD!important;
}
.daterangepicker td.off,.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{
background:transparent!important;
color:rgba(255,255,255,.2)!important;
}
.daterangepicker td.in-range{
background:rgba(124,58,237,0.15)!important;
color:var(--t26-text)!important;
}
.daterangepicker td.active,.daterangepicker td.active:hover{
background:var(--t26-primary)!important;
color:#fff!important;
border-radius:7px!important;
}
.daterangepicker td.start-date.end-date{border-radius:7px!important;}
.daterangepicker td.start-date{border-radius:7px 0 0 7px!important;}
.daterangepicker td.end-date{border-radius:0 7px 7px 0!important;}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect{
background:rgba(255,255,255,0.08)!important;
border:1px solid rgba(255,255,255,0.12)!important;
border-radius:7px!important;
color:var(--t26-text)!important;
padding:3px 6px!important;
}
.daterangepicker .drp-buttons{
border-top:1px solid rgba(255,255,255,0.07)!important;
background:transparent!important;
padding:10px 14px!important;
}
.daterangepicker .btn-primary{
background:var(--t26-primary)!important;
border:none!important;
border-radius:7px!important;
color:#fff!important;
}
.daterangepicker .btn-primary:hover{background:var(--t26-primary-light)!important;}
.daterangepicker .btn-default{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.12)!important;
border-radius:7px!important;
color:var(--t26-text)!important;
}
.daterangepicker .btn-default:hover{background:rgba(255,255,255,0.12)!important;}
.daterangepicker .ranges ul{padding:8px!important;}
.daterangepicker .ranges li{
border-radius:7px!important;
color:var(--t26-muted)!important;
font-size:.82rem!important;
}
.daterangepicker .ranges li:hover{
background:rgba(124,58,237,0.15)!important;
color:var(--t26-text)!important;
}
.daterangepicker .ranges li.active{
background:var(--t26-primary)!important;
color:#fff!important;
}
.daterangepicker .timepicker-input{
background:rgba(255,255,255,0.06)!important;
border:1px solid rgba(255,255,255,0.12)!important;
border-radius:6px!important;
color:var(--t26-text)!important;
}
.daterangepicker .timepicker select{
background:rgba(255,255,255,0.08)!important;
border:1px solid rgba(255,255,255,0.12)!important;
color:var(--t26-text)!important;
border-radius:6px!important;
}
.st-kpi {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 14px;
padding: 1rem 1rem .9rem;
transition: transform .2s, border-color .2s, box-shadow .2s;
animation: stFadeUp .45s ease both;
}
.st-kpi:hover {
transform: translateY(-3px);
border-color: rgba(124,58,237,.25);
box-shadow: 0 10px 32px rgba(0,0,0,.3);
}
.st-kpi-val {
font-size: 1.5rem;
font-weight: 800;
color: var(--t26-text);
line-height: 1.1;
margin-bottom: 4px;
letter-spacing: -.02em;
}
.st-kpi-label {
font-size: .78rem;
font-weight: 700;
color: var(--t26-text);
margin-bottom: 2px;
}
.st-kpi-sub {
font-size: .68rem;
color: var(--t26-muted);
}
.st-section-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: .75rem;
}
.st-section-dot {
width: 8px;
height: 8px;
border-radius: 50%;
flex-shrink: 0;
}
.st-section-title {
font-size: .78rem;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--t26-muted);
margin: 0;
}
.st-reveal {
animation: stFadeUp .5s ease both;
animation-delay: var(--sd, 0s);
}
.st-geo-list li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 0;
border-bottom: 1px solid rgba(255,255,255,0.05);
font-size: .82rem;
color: var(--t26-text);
animation: stFadeRight .4s ease both;
}
.st-geo-list li:last-child { border-bottom: none; }
.st-bar-list li,
.st-bar-list-lg li {
margin-bottom: .6rem;
animation: stFadeRight .4s ease both;
}
.st-bar-list li:last-child,
.st-bar-list-lg li:last-child { margin-bottom: 0; }
@keyframes stFadeUp {
from { opacity:0; transform:translateY(18px); }
to { opacity:1; transform:translateY(0); }
}
@keyframes stFadeRight {
from { opacity:0; transform:translateX(-12px); }
to { opacity:1; transform:translateX(0); }
}
.js-count { display: inline-block; }
.geo-hidden { display:none !important; }
.geo-pager { display:flex;flex-wrap:wrap;gap:4px;margin-top:8px; }
.geo-pager:empty { margin-top:0; }
.geo-page-btn {
min-width:28px;height:26px;padding:0 7px;border-radius:6px;border:1px solid rgba(255,255,255,0.1);
background:rgba(255,255,255,0.05);color:var(--t26-muted);font-size:.75rem;font-weight:600;
cursor:pointer;transition:all .2s;line-height:1;
}
.geo-page-btn:hover { background:rgba(124,58,237,0.18);border-color:rgba(124,58,237,0.4);color:var(--t26-text); }
.geo-page-btn.active { background:rgba(124,58,237,0.35);border-color:#A78BFA;color:#fff; }
.geo-page-btn.geo-ellipsis { cursor:default;background:transparent;border:none;color:var(--t26-muted); }
#top-countries li,
#top-cities li,
#top-os li,
#top-browsers li,
#top-languages li {
border-bottom: 1px solid rgba(255,255,255,0.06) !important;
color: var(--t26-text) !important;
font-size: .82rem !important;
padding-bottom: .5rem !important;
margin-bottom: .5rem !important;
border-radius: 6px;
overflow: hidden;
}
#top-countries li:last-child,
#top-cities li:last-child,
#top-os li:last-child,
#top-browsers li:last-child,
#top-languages li:last-child { border-bottom: none !important; margin-bottom:0 !important; }
#top-countries li .bg-primary,
#top-cities li .bg-primary,
#top-os li .bg-primary,
#top-browsers li .bg-primary,
#top-languages li .bg-primary {
background: linear-gradient(90deg,rgba(124,58,237,0.25),rgba(6,182,212,0.12)) !important;
opacity: 1 !important;
border-radius: 4px !important;
transition: width .8s cubic-bezier(.22,.68,0,1.2) !important;
}
#top-countries li .fw-bold,
#top-cities li .fw-bold,
#top-os li .fw-bold,
#top-browsers li .fw-bold,
#top-languages li .fw-bold {
color: rgba(241,245,249,0.7) !important;
font-weight: 500 !important;
font-size: .78rem !important;
}
#top-countries li span.align-middle,
#top-cities li span.align-middle,
#top-os li span.align-middle,
#top-browsers li span.align-middle,
#top-languages li span.align-middle {
color: var(--t26-text) !important;
font-weight: 600 !important;
font-size: .82rem !important;
}
.st-dot-purple { background:#A78BFA; }
.st-dot-yellow { background:#FBBF24; }
.st-dot-cyan { background:#22D3EE; }
.st-dot-sky { background:#38BDF8; }
.st-dot-green { background:#34D399; }
.st-dot-pink { background:#F472B6; }
.st-dot-indigo { background:#818CF8; }
.st-hero { position:relative; background:linear-gradient(135deg,rgba(124,58,237,0.12) 0%,rgba(6,182,212,0.06) 100%); border:1px solid rgba(124,58,237,0.18); border-radius:20px; padding:1.75rem 2rem; overflow:hidden; margin-bottom:1.75rem; }
.st-hero-orb1 { opacity:.2; top:-30%; right:3%; width:280px; height:280px; pointer-events:none; }
.st-hero-orb2 { opacity:.12; bottom:-40%; left:-2%; width:220px; height:220px; pointer-events:none; }
.st-hero-inner { position:relative; z-index:2; display:flex; align-items:center; flex-wrap:wrap; gap:1rem; justify-content:space-between; }
.st-hero-icon { width:50px; height:50px; border-radius:14px; background:linear-gradient(135deg,rgba(124,58,237,0.35),rgba(6,182,212,0.25)); border:1px solid rgba(124,58,237,0.4); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.st-hero-icon i { font-size:1.2rem; background:var(--t26-gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.st-hero-title { font-size:1.2rem; letter-spacing:-.02em; }
.st-hero-sub { font-size:.78rem; color:var(--t26-muted); margin:0; }
.st-chart-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; margin-bottom:1.25rem; }
.st-chart-total { font-size:1.5rem; font-weight:800; color:var(--t26-text); line-height:1; }
.st-chart-sub { font-size:.75rem; color:var(--t26-muted); margin-top:2px; }
.st-badge-12mo { background:rgba(124,58,237,0.12); border:1px solid rgba(124,58,237,0.25); border-radius:8px; padding:4px 12px; font-size:.75rem; color:#A78BFA; font-weight:600; }
.st-kpi-icon { width:36px; height:36px; border-radius:10px; background:var(--bg,rgba(167,139,250,0.12)); border:1px solid var(--bd,rgba(167,139,250,0.25)); display:flex; align-items:center; justify-content:center; margin-bottom:.75rem; flex-shrink:0; }
.st-kpi-icon > i { font-size:.85rem; color:var(--c,#A78BFA); }
.st-map-label { font-size:.8rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--t26-muted); margin-bottom:1rem; }
#visitor-map { height:380px; }
.st-geo-tab-inactive { padding:7px; border-radius:8px; font-size:.8rem; background:transparent; border:1px solid rgba(255,255,255,0.08); color:var(--t26-muted); text-decoration:none; }
.st-geo-tab-inactive:hover { color:var(--t26-text); }
.st-geo-tab-active { padding:7px; border-radius:8px; font-size:.8rem; }
.st-growth-wrap { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin-bottom:1rem; }
.st-growth-badge { display:inline-flex; align-items:center; gap:6px; border-radius:10px; padding:6px 14px; }
.st-growth-up { background:rgba(52,211,153,0.1); border:1px solid rgba(52,211,153,0.25); }
.st-growth-up i, .st-growth-up .st-growth-val { color:#34D399; }
.st-growth-down { background:rgba(239,68,68,0.1); border:1px solid rgba(239,68,68,0.25); }
.st-growth-down i, .st-growth-down .st-growth-val { color:#EF4444; }
.st-growth-val { font-size:.82rem; font-weight:700; }
.st-growth-muted { font-size:.78rem; color:var(--t26-muted); }
.st-toplink-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:10px; padding:6px 14px; }
.st-toplink-badge .st-toplink-label { font-size:.78rem; color:var(--t26-muted); }
.st-toplink-badge .st-toplink-name { font-size:.82rem; font-weight:600; color:var(--t26-text); max-width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
a.st-toplink-name { text-decoration:none; }
a.st-toplink-name:hover { color:#A78BFA; text-decoration:underline; }
.st-hour-grid { display:grid; grid-template-columns:repeat(24,1fr); gap:3px; align-items:end; }
.st-hour-col { display:flex; flex-direction:column; align-items:center; gap:3px; }
.st-hour-label-top { font-size:.52rem; font-weight:700; color:var(--lc,var(--t26-muted)); line-height:1; }
.st-hour-bar-wrap { width:100%; background:rgba(255,255,255,0.06); border-radius:4px; overflow:hidden; height:80px; display:flex; align-items:flex-end; }
.st-hour-bar { width:100%; height:0; background:var(--bar-bg,rgba(124,58,237,0.45)); border-radius:3px 3px 0 0; transition:height .8s cubic-bezier(.22,.68,0,1.2) var(--bar-delay,0s); }
.st-hour-label-bot { font-size:.5rem; color:var(--lc,var(--t26-muted)); line-height:1; }
.st-peak-row { margin-top:1rem; display:flex; flex-wrap:wrap; gap:.75rem; }
.st-badge-info { display:inline-flex; align-items:center; gap:6px; border-radius:8px; padding:5px 12px; font-size:.78rem; }
.st-badge-info-cyan { background:rgba(34,211,238,0.08); border:1px solid rgba(34,211,238,0.18); }
.st-badge-info-cyan i { color:#22D3EE; font-size:.72rem; }
.st-badge-info-purple { background:rgba(124,58,237,0.08); border:1px solid rgba(124,58,237,0.18); }
.st-badge-info-purple i { color:#A78BFA; font-size:.72rem; }
.st-badge-info-yellow { background:rgba(251,191,36,0.08); border:1px solid rgba(251,191,36,0.18); }
.st-badge-info-yellow i { color:#FBBF24; font-size:.72rem; }
.st-badge-info-violet { background:rgba(167,139,250,0.08); border:1px solid rgba(167,139,250,0.18); }
.st-badge-info-violet i { color:#A78BFA; font-size:.72rem; }
.st-badge-info-teal { background:rgba(34,211,238,0.07); border:1px solid rgba(34,211,238,0.16); }
.st-badge-info-teal i { color:#22D3EE; font-size:.72rem; }
.st-badge-muted { font-size:.78rem; color:var(--t26-muted); }
.st-badge-val { color:var(--t26-text); }
.st-section-header-sb { justify-content:space-between; }
.st-dow-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:.75rem; align-items:end; }
.st-dow-col { display:flex; flex-direction:column; align-items:center; gap:6px; }
.st-dow-label-top { font-size:.7rem; font-weight:700; color:var(--lc,#A78BFA); opacity:.85; }
.st-dow-bar-wrap { width:100%; background:rgba(255,255,255,0.06); border-radius:6px; overflow:hidden; height:80px; display:flex; align-items:flex-end; }
.st-dow-bar { width:100%; height:0; background:var(--bar-bg,rgba(124,58,237,0.6)); border-radius:4px 4px 0 0; transition:height .9s cubic-bezier(.22,.68,0,1.2) var(--bar-delay,0s); }
.st-dow-label-bot { font-size:.72rem; font-weight:600; color:var(--lc,var(--t26-muted)); }
.st-badges-row { margin-top:1rem; display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }
#cal-pick-btn { display:inline-flex; align-items:center; gap:6px; background:rgba(124,58,237,0.12); border:1px solid rgba(124,58,237,0.25); color:#A78BFA; border-radius:8px; padding:5px 12px; font-size:.75rem; font-weight:600; cursor:pointer; transition:background .15s; }
#cal-pick-btn i { font-size:.7rem; }
#cal-detail { display:none; }
.st-cal-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; flex-wrap:wrap; gap:.5rem; }
.st-cal-icon-wrap { display:flex; align-items:center; gap:.6rem; }
.st-cal-icon { width:30px; height:30px; border-radius:8px; background:rgba(6,182,212,0.14); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.st-cal-icon i { font-size:.75rem; color:#22D3EE; }
#cal-detail-date { font-size:.95rem; font-weight:700; color:var(--t26-text); }
#cal-detail-total { font-size:.75rem; color:var(--t26-muted); }
#cal-detail-close { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:8px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--t26-muted); flex-shrink:0; }
#cal-detail-close i { font-size:.7rem; }
.st-link-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.st-link-dot { width:8px; height:8px; border-radius:50%; background:var(--c,#A78BFA); flex-shrink:0; }
.st-link-name { font-size:.8rem; font-weight:600; color:var(--t26-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:240px; }
a.st-link-name { text-decoration:none; }
a.st-link-name:hover { text-decoration:underline; }
.st-link-count { font-size:.78rem; font-weight:700; color:var(--c,#A78BFA); flex-shrink:0; margin-left:8px; }
.st-bar-wrap-h { background:rgba(255,255,255,0.06); border-radius:4px; height:5px; overflow:hidden; }
.st-bar-fill-h { height:100%; width:0; border-radius:4px; background:var(--c,#A78BFA); transition:width 1s cubic-bezier(.22,.68,0,1.2); }
.st-ref-icon { width:24px; height:24px; border-radius:6px; background:rgba(129,140,248,0.12); border:1px solid rgba(129,140,248,0.2); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.st-ref-name { font-size:.8rem; font-weight:600; color:var(--t26-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:180px; }
.st-ref-count { font-size:.78rem; font-weight:700; color:#818CF8; flex-shrink:0; margin-left:8px; }
.st-modal-content { background:var(--t26-bg2); border:1px solid rgba(255,255,255,0.08); border-radius:16px; overflow:hidden; }
.st-modal-topbar { height:3px; background:var(--t26-gradient); }
.st-modal-header { border-bottom:1px solid rgba(255,255,255,0.08); padding:20px 24px; }
.st-modal-icon { width:36px; height:36px; border-radius:9px; background:rgba(124,58,237,0.15); display:flex; align-items:center; justify-content:center; }
.st-modal-icon i { font-size:.8rem; color:#A78BFA; }
.st-modal-title { color:var(--t26-text); }
.st-modal-body { padding:24px; }
.st-modal-body p { font-size:.875rem; color:var(--t26-muted); margin-bottom:1rem; line-height:1.6; }
.st-modal-footer { border-top:1px solid rgba(255,255,255,0.08); padding:16px 24px; gap:10px; }
.st-modal-btn-cancel { padding:9px 20px; border-radius:9px; }
.st-modal-btn-submit { padding:9px 24px; border-radius:9px; }
.st-canvas-chart { max-height:240px; }
.st-canvas-pie { max-height:180px; }
.st-canvas-pie-lg { max-height:200px; }
.st-nodata { text-align:center; padding:2rem 0; color:var(--t26-muted); font-size:.85rem; }
.st-section-title .st-sub { font-weight:400; text-transform:none; letter-spacing:0; opacity:.6; }
.st-hero-btn-outline { padding:8px 16px; border-radius:10px; font-size:.82rem; font-weight:600; text-decoration:none; }
.st-hero-btn-outline i { font-size:.72rem; }
.st-hero-btn-gradient { padding:9px 18px; border-radius:10px; font-size:.82rem; font-weight:600; text-decoration:none; }
.st-hero-btn-gradient i { font-size:.72rem; }
.st-flex-gap-4 { display:flex; gap:.4rem; }
.st-flex-row { display:flex; align-items:center; gap:6px; min-width:0; flex:1; }
.st-margin-bot-conditional { }
.st-map-icon { color:#FBBF24; }
.st-toplink-star { font-size:.72rem; color:#FBBF24; }
.st-dow-header-left { display:flex; align-items:center; gap:8px; }
.st-dow-header-right { position:relative; }
.st-modal-dismiss { border:none; background:rgba(255,255,255,0.06); border-radius:8px; margin-left:auto; }
.st-badge-teal-link { font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:220px; }
.st-badge-teal-full { max-width:100%; }
.st-icon-shrink0 { flex-shrink:0; }
.st-pie-hidden-canvas { display:none !important; }
.st-pie-list { margin:0; padding:0; }
.st-pie-list-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 1.75rem;
}
.st-pie-item {
padding: .55rem 0;
border-bottom: 1px solid rgba(255,255,255,0.05);
animation: stFadeRight .35s ease both;
}
.st-pie-item:last-child { border-bottom: none; }
.st-pie-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 6px;
}
.st-pie-label {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
flex: 1;
}
.st-pie-icon {
width: 18px;
height: 18px;
object-fit: contain;
flex-shrink: 0;
}
.st-pie-dot {
width: 8px;
height: 8px;
border-radius: 50%;
flex-shrink: 0;
}
.st-pie-name {
font-size: .83rem;
font-weight: 600;
color: var(--t26-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.st-pie-meta {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
margin-left: 10px;
}
.st-pie-pct {
font-size: .78rem;
font-weight: 700;
min-width: 38px;
text-align: right;
}
.st-pie-num {
font-size: .72rem;
color: var(--t26-muted);
min-width: 32px;
text-align: right;
}
.st-pie-bar-wrap {
height: 4px;
background: rgba(255,255,255,0.06);
border-radius: 4px;
overflow: hidden;
}
.st-pie-bar {
height: 100%;
width: 0;
border-radius: 4px;
}
#top-os li.st-pie-item,
#top-browsers li.st-pie-item,
#top-languages li.st-pie-item {
border-bottom: 1px solid rgba(255,255,255,0.05) !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
}
.t26-s1 { animation-delay:.04s; }
.t26-s2 { font-size:.78rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px; }
.t26-s3 { color:var(--t26-text);font-size:1.5rem; }
.t26-s4 { font-size:1.2rem; }
.t26-s5 { font-size:.82rem;color:rgba(255,255,255,.45); }
.t26-s6 { color:#10B981; }
.t26-s7 { padding:10px 20px;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:600; }
.t26-s8 { font-size:.78rem;color:rgba(255,255,255,.45); }
.t26-s9 { animation-delay:.08s; }
.t26-s10 { background:rgba(124,58,237,.15); }
.t26-s11 { background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem; }
.t26-s12 { font-size:.75rem;color:var(--t26-muted);margin-top:5px;font-weight:500; }
.t26-d1-w { width: var(--t26-d1-w); }
.t26-s13 { font-size:.7rem;color:var(--t26-muted);margin-top:4px; }
.t26-s14 { font-size:.7rem;margin-top:8px; }
.t26-s15 { background:rgba(16,185,129,.12);color:#10B981;border:1px solid rgba(16,185,129,.2);border-radius:20px;padding:2px 8px; }
.t26-s16 { background:rgba(6,182,212,.15); }
.t26-s17 { color:#06B6D4;font-size:1.1rem; }
.t26-s18 { background:rgba(6,182,212,.12);color:#06B6D4;border:1px solid rgba(6,182,212,.2);border-radius:20px;padding:2px 8px; }
.t26-s19 { background:rgba(16,185,129,.15); }
.t26-s20 { color:#10B981;font-size:1.1rem; }
.t26-s21 { background:rgba(124,58,237,.12);color:var(--t26-primary-light);border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:2px 8px; }
.t26-s22 { background:rgba(245,158,11,.15); }
.t26-s23 { color:#F59E0B;font-size:1.1rem; }
.t26-d2-w { width: var(--t26-d2-w); }
.t26-s24 { background:rgba(139,92,246,.15); }
.t26-s25 { color:#8B5CF6;font-size:1.1rem; }
.t26-s26 { color:var(--t26-muted);text-decoration:none;display:flex;align-items:center;gap:4px; }
.t26-s27 { font-size:.6rem; }
.t26-s28 { background:rgba(236,72,153,.15); }
.t26-s29 { color:#EC4899;font-size:1.1rem; }
.t26-s30 { animation-delay:.13s; }
.t26-s31 { font-size:.78rem;color:var(--t26-muted);margin-top:3px; }
.t26-s32 { background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px; }
.t26-s33 { color:var(--t26-muted);font-size:.8rem;flex-shrink:0; }
.t26-s34 { background:transparent;color:var(--t26-text);padding:0;font-size:.8rem;box-shadow:none; }
.t26-s35 { font-size:.7rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.05em; }
.t26-s36 { font-size:1.1rem;font-weight:700;color:var(--t26-text); }
.t26-s37 { border-left:1px solid rgba(255,255,255,.08);padding-left:16px; }
.t26-s38 { border-top:1px solid rgba(255,255,255,.07);padding-top:18px; }
.t26-s39 { max-height:200px; }
.t26-s40 { animation-delay:.17s; }
.t26-s41 { font-size:.75rem;color:var(--t26-muted);margin-top:2px; }
.t26-s42 { background:rgba(124,58,237,.12);color:var(--t26-primary-light);border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:2px 10px; }
.t26-s43 { padding:6px 14px;border-radius:8px;font-size:.75rem;text-decoration:none; }
.t26-s44 { position:absolute; }
.t26-s45 { position:relative;display:inline-block; }
.t26-s46 { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px; }
.t26-s47 { font-size:.82rem;font-weight:800;color:var(--t26-text);line-height:1; }
.t26-s48 { font-size:.6rem;color:var(--t26-muted);line-height:1; }
.t26-s49 { font-size:.75rem;font-weight:600;color:var(--t26-text);margin-top:8px; }
.t26-s50 { font-size:.7rem;color:var(--t26-muted); }
.t26-s51 { border-top:1px solid rgba(255,255,255,.07); }
.t26-s52 { font-size:.8rem;font-weight:700;color:var(--t26-text); }
.t26-s53 { font-size:.68rem;color:var(--t26-muted); }
.t26-s54 { border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07); }
.t26-s55 { color:#7C3AED;font-size:.95rem; }
.t26-s56 { font-size:.75rem;font-weight:600;text-align:center; }
.t26-s57 { color:#8B5CF6;font-size:.95rem; }
.t26-s58 { color:#EC4899;font-size:.95rem; }
.t26-s59 { color:#10B981;font-size:.95rem; }
.t26-s60 { color:#F59E0B;font-size:.95rem; }
.t26-s61 { color:#06B6D4;font-size:.95rem; }
.t26-s62 { font-size:.68rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px; }
.t26-s63 { font-size:.72rem;color:var(--t26-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s64 { font-size:.68rem;color:var(--t26-muted);flex-shrink:0;margin-left:4px; }
.t26-d3-w { width: var(--t26-d3-w); }
.t26-s65 { font-size:.68rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.07em;margin:14px 0 8px; }
.t26-s66 { font-size:.72rem;color:var(--t26-text); }
.t26-s67 { font-size:2rem;color:var(--t26-muted);opacity:.25; }
.t26-s68 { font-size:.8rem;color:var(--t26-muted);margin-top:10px; }
.t26-s69 { animation-delay:.20s; }
.t26-s70 { background:rgba(16,185,129,.15);width:48px;height:48px; }
.t26-s71 { color:#10B981;font-size:1.2rem; }
.t26-s72 { font-size:.72rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em; }
.t26-s73 { font-size:1.5rem;font-weight:800;color:var(--t26-text); }
.t26-s74 { padding:7px 16px;border-radius:9px;font-size:.8rem;white-space:nowrap;text-decoration:none; }
.t26-s75 { background:rgba(245,158,11,.15);width:48px;height:48px; }
.t26-s76 { color:#F59E0B;font-size:1.2rem; }
.t26-s77 { animation-delay:.24s; }
.t26-s78 { position:relative;z-index:1; }
.t26-s79 { width:44px;height:44px;border-radius:12px;background:rgba(124,58,237,.25);border:1px solid rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s80 { font-size:.75rem;color:rgba(255,255,255,.4);margin-top:2px; }
.t26-s81 { background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);color:var(--t26-text);border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:.85rem;position:relative;z-index:1; }
.t26-s82 { color:#7C3AED; }
.inline-copy{display:inline-flex;align-items:center;gap:4px;transition:color .2s}
.inline-copy.ic-copied small,.inline-copy.ic-copied{color:#34D399!important}
.inline-copy.ic-copied{animation:ic-pop .2s ease}
@keyframes ic-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
.t26-s83 { padding:6px 12px;border-radius:8px;font-size:.8rem; }
.t26-s84 { font-size:.75rem; }
.t26-s85 { font-size:.65rem; }
.t26-s86 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 0; }
.t26-s87 { display:block;padding:8px 14px;font-size:.82rem;color:var(--t26-text);text-decoration:none; }
.t26-s88 { color:var(--t26-muted); }
.t26-s89 { margin:4px 0;border-color:rgba(255,255,255,.07); }
.t26-s90 { display:block;padding:8px 14px;font-size:.82rem;color:#F87171;text-decoration:none;cursor:pointer; }
.t26-s91 { border:none;background:rgba(255,255,255,.06);border-radius:8px; }
.t26-s92 { font-size:.8rem; }
.t26-s93 { background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px; }
.t26-s94 { color:var(--t26-muted);font-size:.8rem; }
.t26-s95 { background:transparent;color:var(--t26-text);padding:0;box-shadow:none; }
.t26-s96 { border:none;background:transparent;color:var(--t26-muted);cursor:pointer; }
.t26-s97 { font-size:2.5rem;color:var(--t26-muted);opacity:.3; }
.t26-s98 { color:var(--t26-muted);margin-top:12px;font-size:.9rem; }
.t26-s99 { animation-delay:.29s; }
.t26-d4-an { animation: var(--t26-d4-an); }
.t26-s100 { font-size:.68rem;font-weight:700;background:rgba(139,92,246,.15);color:#8B5CF6;border:1px solid rgba(139,92,246,.25);border-radius:20px;padding:2px 7px;flex-shrink:0; }
.t26-s101 { color:var(--t26-text);font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s102 { font-size:.68rem;font-weight:700;background:rgba(236,72,153,.15);color:#EC4899;border:1px solid rgba(236,72,153,.25);border-radius:20px;padding:2px 7px;flex-shrink:0; }
.t26-s103 { color:var(--t26-text);text-decoration:none;font-size:.83rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px; }
.t26-s104 { color:var(--t26-muted);font-size:.7rem;white-space:nowrap;flex-shrink:0; }
.t26-s105 { font-size:.72rem;color:var(--t26-muted);margin-bottom:6px; }
.t26-s106 { font-size:.73rem;color:var(--t26-muted); }
.t26-s107 { color:var(--t26-muted);text-decoration:none; }
.t26-s108 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,.08);border-radius:16px; }
.t26-s109 { border-bottom:1px solid rgba(255,255,255,.08);padding:20px 24px; }
.t26-s110 { color:var(--t26-text); }
.t26-s111 { border:none;background:rgba(255,255,255,.06);border-radius:8px;margin-left:auto; }
.t26-s112 { font-size:.85rem; }
.t26-s113 { padding:20px 24px;color:var(--t26-muted);font-size:.9rem; }
.t26-s114 { border-top:1px solid rgba(255,255,255,.08);padding:16px 24px;gap:10px; }
.t26-s115 { padding:9px 20px;border-radius:9px; }
.t26-s116 { padding:9px 28px;border-radius:9px; }
.t26-s117 { padding:20px 24px; }
.t26-s118 { padding:9px 24px;border-radius:9px; }
.t26-s119 { position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(13,13,43,1) 0%,rgba(7,7,26,1) 100%);border:1px solid rgba(255,255,255,0.07);padding:28px 32px; }
.t26-s120 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-80px;left:20%;opacity:.1;border-radius:50%;animation:orbFloat 12s ease-in-out infinite reverse;pointer-events:none; }
.t26-d5-bg { background: var(--t26-d5-bg); }
.t26-s121 { font-size:1.7rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s122 { color:var(--t26-muted);margin:0;font-size:.88rem; }
.t26-s123 { text-align:center; }
.t26-s124 { color:var(--t26-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px; }
.t26-s125 { padding:10px 22px;border-radius:11px;text-decoration:none;font-size:.9rem; }
.t26-s126 { position:relative;z-index:20; }
.t26-s127 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);color:var(--t26-text);border-radius:10px;font-size:.87rem; }
.t26-s128 { padding:7px 14px;border-radius:8px;font-size:.8rem; }
.t26-s129 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0; }
.t26-s130 { margin:4px 0;border-color:rgba(255,255,255,0.07); }
.t26-s131 { border:none;background:rgba(255,255,255,0.06);border-radius:8px; }
.t26-s132 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;min-width:240px; }
.t26-s133 { padding:8px;border-radius:8px;font-size:.83rem; }
.t26-s134 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px 14px; }
.t26-s135 { transition:transform .3s ease,box-shadow .3s ease; }
.t26-s136 { font-size:.82rem;color:var(--t26-muted); }
.t26-s137 { height:6px;background:rgba(255,255,255,0.08);border-radius:3px; }
.t26-s138 { width:0%;background:var(--t26-gradient);border-radius:3px;transition:width 1.2s ease; }
.t26-s139 { font-size:.75rem;color:var(--t26-muted); }
.t26-s140 { color:var(--t26-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px; }
.t26-d6-bd { border-radius: var(--t26-d6-bd); }
.t26-s141 { color:#7C3AED;width:16px; }
.t26-s142 { color:var(--t26-text);font-size:.875rem; }
.t26-d7-bd { border-radius: var(--t26-d7-bd); }
.t26-s143 { color:#F59E0B;width:16px; }
.t26-d8-bd { border-radius: var(--t26-d8-bd); }
.t26-s144 { color:#EF4444;width:16px; }
.t26-s145 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center; }
.t26-s146 { color:#06B6D4;font-size:.9rem; }
.t26-s147 { font-size:.83rem;color:var(--t26-muted);margin-bottom:16px; }
.t26-s148 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:16px; }
.t26-s149 { border-bottom:1px solid rgba(255,255,255,0.08);padding:20px 24px; }
.t26-s150 { border:none;background:rgba(255,255,255,0.06);border-radius:8px;margin-left:auto; }
.t26-s151 { border-top:1px solid rgba(255,255,255,0.08);padding:16px 24px;gap:10px; }
.t26-s152 { position:relative;background:linear-gradient(135deg,rgba(124,58,237,0.12) 0%,rgba(6,182,212,0.06) 100%);border:1px solid rgba(124,58,237,0.18);border-radius:20px;padding:1.75rem 2rem;overflow:hidden;margin-bottom:1.5rem; }
.t26-s153 { opacity:.18;top:-30%;right:3%;width:260px;height:260px;pointer-events:none; }
.t26-s154 { position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between; }
.t26-s155 { width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,0.35),rgba(6,182,212,0.25));border:1px solid rgba(124,58,237,0.4);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s156 { font-size:1.2rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s157 { font-size:1.2rem;letter-spacing:-.02em; }
.t26-s158 { font-size:.78rem;color:var(--t26-muted); }
.t26-s159 { display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:10px;padding:6px 14px; }
.t26-s160 { font-size:.72rem;color:#A78BFA; }
.t26-s161 { font-size:.92rem;font-weight:700;color:var(--t26-text); }
.t26-s162 { padding:9px 18px;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none; }
.t26-s163 { font-size:.72rem; }
.t26-s164 { color:#FBBF24;font-size:.8rem; }
.t26-s165 { font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--t26-muted); }
.t26-d9-h { height: var(--t26-d9-h); }
.t26-s166 { padding:14px 14px 10px;display:flex;align-items:center;justify-content:space-between; }
.t26-s167 { font-size:.55rem; }
.t26-s168 { font-size:.7rem; }
.t26-s169 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:6px 0;min-width:160px; }
.t26-s170 { width:14px;color:var(--t26-muted); }
.t26-s171 { width:14px; }
.t26-s172 { padding:0 16px 16px; }
.t26-d10-w { width: var(--t26-d10-w); }
.t26-s173 { font-size:.95rem;font-weight:700;color:var(--t26-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.t26-s174 { font-size:.8rem;color:var(--t26-muted);margin:0 0 10px;line-height:1.5; }
.t26-s175 { display:flex;align-items:center;justify-content:space-between;margin-top:12px; }
.t26-s176 { font-size:.72rem;color:var(--t26-muted);display:flex;align-items:center;gap:4px; }
.t26-s177 { font-size:.62rem; }
.t26-s178 { font-size:.75rem;font-weight:600;color:#A78BFA;text-decoration:none;display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:7px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.2);transition:background .15s; }
.t26-d11-h { height: var(--t26-d11-h); }
.t26-s179 { display:inline-flex;align-items:center;gap:5px;font-size:.67rem;font-weight:600;padding:2px 8px;border-radius:20px;color:var(--t26-muted);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08); }
.t26-s180 { background:linear-gradient(135deg,rgba(124,58,237,0.06),rgba(6,182,212,0.03));border:1.5px dashed rgba(124,58,237,0.22);border-radius:20px;padding:4rem 2rem;text-align:center; }
.t26-s181 { width:72px;height:72px;border-radius:20px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem; }
.t26-s182 { font-size:1.8rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s183 { color:var(--t26-muted);font-size:.9rem;max-width:380px;margin:0 auto 1.75rem;line-height:1.7; }
.t26-s184 { padding:11px 28px;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none; }
.t26-s185 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden; }
.t26-s186 { height:3px;background:var(--t26-gradient); }
.t26-s187 { width:36px;height:36px;border-radius:9px;background:rgba(124,58,237,0.15);display:flex;align-items:center;justify-content:center; }
.t26-s188 { font-size:.85rem;color:#A78BFA; }
.t26-s189 { color:var(--t26-muted);font-weight:400; }
.t26-color-pick-wrap{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 14px;transition:border-color .2s;position:relative}
.t26-color-pick-wrap:hover{border-color:rgba(124,58,237,.5)}
.t26-color-pick-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0;margin:0}
.t26-color-pick-swatch{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.25);flex-shrink:0;pointer-events:none}
.t26-color-pick-hex{font-size:.82rem;font-weight:600;color:var(--t26-text);letter-spacing:.04em;font-family:monospace;pointer-events:none}
.t26-color-pick-icon{font-size:.75rem;color:var(--t26-muted);pointer-events:none}
.t26-s191 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:10px;padding:12px 14px; }
.t26-s192 { color:#FBBF24;font-size:.9rem;flex-shrink:0; }
.t26-s193 { font-size:.85rem;font-weight:600;color:var(--t26-text); }
.t26-s194 { color:var(--t26-muted);font-size:.75rem;margin-top:2px; }
.t26-s195 { font-size:.8rem;color:#A78BFA; }
.t26-s196 { padding:9px 28px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#b91c1c); }
.t26-s197 { position:absolute;width:360px;height:360px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-130px;right:-60px;opacity:.18;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-s198 { position:absolute;width:220px;height:220px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-90px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-s199 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-s200 { border-left:3px solid #F59E0B; }
.t26-s201 { background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.25);border-radius:10px;padding:10px;flex-shrink:0; }
.t26-s202 { color:#F59E0B;font-size:1rem; }
.t26-s203 { color:var(--t26-muted);font-size:.875rem;margin-bottom:.75rem; }
.t26-s204 { color:#EF4444; }
.t26-s205 { position:relative;overflow:hidden; }
.t26-s206 { position:absolute;top:0;left:0;right:0;height:3px;background:var(--t26-gradient);border-radius:16px 16px 0 0; }
.t26-s207 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center; }
.t26-s208 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:160px; }
.t26-s209 { color:var(--t26-text);padding:8px 16px;font-size:.875rem; }
.t26-s210 { border-color:rgba(255,255,255,0.08);margin:4px 0; }
.t26-s211 { color:#EF4444;padding:8px 16px;font-size:.875rem; }
.t26-s212 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:14px; }
.t26-s213 { font-size:.95rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s214 { width:8px;height:8px;border-radius:50%;background:#EF4444;flex-shrink:0; }
.t26-s215 { width:8px;height:8px;border-radius:50%;background:#10B981;flex-shrink:0; }
.t26-s216 { color:var(--t26-text);font-size:1rem; }
.t26-s217 { gap:6px; }
.t26-s218 { color:var(--t26-muted);font-size:.75rem; }
.t26-s219 { color:var(--t26-muted);font-size:.73rem;word-break:break-all;flex:1; }
.t26-s220 { color:#7C3AED;font-size:.72rem;white-space:nowrap; }
.t26-s221 { border-top:1px solid rgba(255,255,255,0.06); }
.t26-s222 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);color:#A78BFA;text-decoration:none; }
.t26-s223 { background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.2);color:#67E8F9;text-decoration:none; }
.t26-s224 { color:var(--t26-muted);font-size:.73rem;margin-left:auto; }
.t26-s225 { width:64px;height:64px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-s226 { font-size:1.5rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s227 { color:var(--t26-muted);margin-bottom:1.5rem; }
.t26-s228 { border-radius:10px;text-decoration:none; }
.t26-s229 { color:var(--t26-muted);font-size:.8rem;margin-top:.4rem; }
.t26-s230 { color:var(--t26-muted);font-size:.8rem;margin:0; }
.t26-s231 { border-radius:10px; }
.t26-s232 { border-radius:10px;border:none;cursor:pointer; }
.t26-s233 { border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);border-radius:10px;padding:8px 14px;color:var(--t26-text);text-decoration:none; }
.t26-s234 { display:flex;align-items:stretch; }
.t26-s235 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-right:none;border-radius:10px 0 0 10px;padding:0 12px;display:flex;align-items:center;flex-shrink:0; }
.t26-s236 { max-width:200px;border:1px solid rgba(255,255,255,0.12);border-radius:10px; }
.t26-s237 { padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;display:inline-block; }
.t26-s238 { color:var(--t26-muted);font-size:.78rem;margin-top:.4rem;margin-bottom:0; }
.t26-s239 { padding:6px 14px;border-radius:8px;text-decoration:none;font-size:.82rem; }
.t26-s240 { color:var(--t26-muted);font-size:.875rem;margin-bottom:1rem; }
.t26-s241 { padding:4px 12px;border-radius:6px;text-decoration:none;font-size:.8rem;color:#f87171;border-color:rgba(248,113,113,0.3); }
.t26-s242 { color:var(--t26-muted);font-size:.875rem;margin:0; }
.t26-s243 { color:var(--t26-muted);font-size:.875rem;border:1px solid rgba(124,58,237,0.3);background:rgba(124,58,237,0.07);border-radius:8px;padding:10px 14px;margin-bottom:1rem; }
.t26-s244 { border-radius:0 10px 10px 0;border-left:none; }
.t26-s245 { color:var(--t26-muted);font-size:.8rem;margin-top:.2rem;margin-bottom:.5rem; }
.t26-s246 { overflow:hidden; }
.t26-s247 { border-radius:16px 16px 0 0; }
.t26-s248 { flex-shrink:0; }
.t26-s249 { border-radius:8px; }
.t26-s250 { color:var(--t26-text);word-break:break-all; }
.t26-s251 { border:none;background:rgba(255,255,255,0.06);border-radius:8px;margin-left:auto;padding:6px 10px;color:var(--t26-muted);cursor:pointer; }
.t26-s252 { max-width:100%;max-height:400px; }
.t26-s253 { padding:8px 20px;border-radius:10px;cursor:pointer; }
.t26-s254 { background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.3);color:#FCD34D;border-radius:12px;padding:14px 18px; }
.t26-s255 { object-fit:cover;border:3px solid rgba(124,58,237,0.4);cursor:pointer; }
.t26-s256 { padding:8px 18px;border-radius:9px;cursor:pointer;font-size:.85rem; }
.t26-s257 { padding:8px 14px;border-radius:9px;font-size:.85rem; }
.t26-s258 { font-size:.77rem; }
.t26-s259 { font-size:.76rem; }
.t26-s260 { border-top:1px solid rgba(255,255,255,0.07);padding-top:16px; }
.t26-s261 { border-bottom:1px solid rgba(255,255,255,0.05); }
.t26-s262 { font-size:.9rem;color:var(--t26-text); }
.t26-s263 { padding:7px 16px;border-radius:8px;font-size:.83rem; }
.t26-s264 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px; }
.t26-s265 { font-size:.82rem; }
.t26-s266 { color:var(--t26-accent);font-size:.75rem; }
.t26-s267 { font-size:.88rem; }
.t26-s268 { font-size:.8rem;color:var(--t26-muted); }
.t26-s269 { display:inline-block;padding:8px 18px;border-radius:8px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#F87171;font-size:.83rem;text-decoration:none; }
.t26-s270 { font-size:.8rem;color:var(--t26-muted);margin-bottom:16px; }
.t26-s271 { opacity:.6;cursor:default; }
.t26-s272 { font-size:.8rem;color:var(--t26-muted);margin-bottom:12px; }
.t26-s273 { padding:9px 20px;border-radius:9px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#F87171;text-decoration:none;font-size:.85rem; }
.t26-s274 { font-size:.87rem;color:var(--t26-muted); }
.t26-s275 { padding:9px 24px;border-radius:9px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#F87171;cursor:pointer; }
.t26-s276 { font-size:.85rem;color:var(--t26-muted); }
.t26-s277 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px; }
.t26-s278 { color:var(--t26-text);word-break:break-all;margin-top:4px; }
.t26-s279 { border-bottom:1px solid rgba(255,255,255,0.08); }
.t26-s280 { padding:14px 20px;font-size:.8rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase; }
.t26-s281 { padding:14px 20px; }
.t26-s282 { font-size:.72rem;background:rgba(239,68,68,0.15);color:#F87171;border:1px solid rgba(239,68,68,0.3);border-radius:20px;padding:3px 10px; }
.t26-s283 { font-size:.72rem;background:rgba(6,182,212,0.15);color:#22D3EE;border:1px solid rgba(6,182,212,0.3);border-radius:20px;padding:3px 10px; }
.t26-s284 { font-size:.72rem;background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:20px;padding:3px 10px; }
.t26-s285 { font-size:.72rem;background:rgba(255,255,255,0.08);color:var(--t26-muted);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:3px 10px; }
.t26-s286 { padding:14px 20px;width:55%; }
.t26-s287 { padding:14px 20px;font-size:.82rem;color:var(--t26-muted);white-space:nowrap; }
.t26-s288 { font-size:.82rem;color:var(--t26-muted);margin-bottom:14px; }
.t26-s289 { display:block;text-align:center;padding:9px 20px;border-radius:9px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#F87171;text-decoration:none;font-size:.85rem; }
.t26-s290 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px;text-align:center; }
.t26-s291 { font-size:.85rem;font-weight:600;margin-bottom:6px; }
.t26-s292 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#F59E0B 0%,transparent 70%);top:-130px;right:-60px;opacity:.15;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-s293 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);bottom:-80px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-s294 { background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-s295 { font-size:1.7rem;color:#FBBF24; }
.t26-s296 { color:var(--t26-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;padding:4px 6px 8px;margin:0; }
.t26-s297 { background:rgba(245,158,11,0.12); }
.t26-s298 { color:#FBBF24;font-size:.85rem; }
.t26-s299 { background:rgba(124,58,237,0.1); }
.t26-s300 { color:#A78BFA;font-size:.85rem; }
.t26-s301 { background:rgba(6,182,212,0.1); }
.t26-s302 { color:#22D3EE;font-size:.85rem; }
.t26-s303 { position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F59E0B,#FBBF24);border-radius:16px 16px 0 0; }
.t26-s304 { background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.25);border-radius:12px;padding:10px 12px; }
.t26-s305 { font-size:1.2rem;color:#FBBF24; }
.t26-s306 { font-size:.88rem;color:var(--t26-muted);line-height:1.75;margin-bottom:1rem; }
.t26-s307 { font-size:.88rem;color:var(--t26-muted);line-height:1.75;margin-bottom:1.25rem; }
.t26-s308 { font-size:.8rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem; }
.t26-s309 { position:relative; }
.t26-s310 { background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);border-radius:10px;padding:12px 16px; }
.t26-s311 { font-size:.84rem;color:var(--t26-muted);margin:0; }
.t26-s312 { color:#FBBF24; }
.t26-s313 { position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7C3AED,#A78BFA);border-radius:16px 16px 0 0; }
.t26-s314 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:12px;padding:10px 12px; }
.t26-s315 { font-size:1.2rem;color:#A78BFA; }
.t26-s316 { padding:10px 22px;border-radius:10px;text-decoration:none;cursor:move; }
.t26-s317 { font-size:.85rem;color:var(--t26-muted);margin-bottom:.75rem; }
.t26-s318 { word-break:break-all; }
.t26-s319 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px;padding:12px 16px; }
.t26-s320 { color:#A78BFA; }
.t26-s321 { position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06B6D4,#22D3EE);border-radius:16px 16px 0 0; }
.t26-s322 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.25);border-radius:12px;padding:10px 12px; }
.t26-s323 { font-size:1.2rem;color:#22D3EE; }
.t26-s324 { font-size:.84rem;color:var(--t26-muted);line-height:1.7;margin-bottom:.75rem; }
.t26-s325 { padding:14px 20px;font-size:.8rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em; }
.t26-s326 { padding:14px 20px;font-size:.85rem; }
.t26-s327 { font-size:.75rem;font-weight:600;background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:20px;padding:3px 10px; }
.t26-s328 { font-size:.72rem;background:rgba(239,68,68,0.15);color:#F87171;border:1px solid rgba(239,68,68,0.3);border-radius:20px;padding:2px 8px;margin-right:6px; }
.t26-s329 { color:var(--t26-muted);font-size:.82rem; }
.t26-s330 { padding:5px 12px;border-radius:7px;font-size:.78rem;white-space:nowrap; }
.t26-s331 { font-size:1.3rem; }
.t26-s332 { font-size:.82rem;color:var(--t26-muted);margin-top:4px; }
.t26-s333 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px;margin-bottom:16px; }
.t26-s334 { font-size:.83rem;color:var(--t26-muted); }
.t26-d12-c { color: var(--t26-d12-c); }
.t26-d13-c { color: var(--t26-d13-c); }
.t26-s335 { padding:9px;border-radius:9px; }
.t26-s336 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-130px;right:-60px;opacity:.18;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-s337 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-80px;left:30%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
@keyframes fadeSlideUp { from { opacity:0; transform:translateY(18px) } to { opacity:1; transform:translateY(0) } }
@keyframes keyReveal { from { opacity:0; max-height:0 } to { opacity:1; max-height:60px } }
@keyframes copyPop { 0% { transform:translateY(-50%) scale(1) } 40% { transform:translateY(-50%) scale(1.18) } 100% { transform:translateY(-50%) scale(1) } }
@keyframes copyPopInline { 0% { transform:scale(1) } 40% { transform:scale(1.2) } 100% { transform:scale(1) } }
@keyframes cardPop { from { opacity:0; transform:translateY(24px) scale(.97) } to { opacity:1; transform:translateY(0) scale(1) } }
@keyframes memberSlide { from { opacity:0; transform:translateX(-16px) } to { opacity:1; transform:translateX(0) } }
@keyframes connPulse { 0%,100% { box-shadow:0 0 0 0 rgba(16,185,129,0.4) } 50% { box-shadow:0 0 0 6px rgba(16,185,129,0) } }
@keyframes authSlideIn { from { opacity:0; transform:translateY(16px) scale(.99) } to { opacity:1; transform:none } }
@keyframes db-fade-up { from { opacity:0; transform:translateY(20px) } to { opacity:1; transform:translateY(0) } }
@keyframes db-bar-fill { from { width:0% } }
@keyframes db-pulse-ring { 0% { transform:scale(1); opacity:.6 } 100% { transform:scale(1.8); opacity:0 } }
@keyframes db-float { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-5px) } }
.pg-hero { animation:fadeSlideUp .5s ease both }
.anim-in { animation:fadeSlideUp .5s ease both }
.anim-1 { animation-delay:.07s }
.anim-2 { animation-delay:.14s }
.anim-3 { animation-delay:.21s }
.anim-4 { animation-delay:.28s }
.anim-5 { animation-delay:.35s }
.anim-6 { animation-delay:.42s }
.table { --bs-table-bg:transparent; --bs-table-border-color:rgba(255,255,255,0.06); --bs-table-accent-bg:transparent; --bs-table-striped-bg:transparent; }
.table>:not(caption)>*>* { box-shadow:none; border-bottom:1px solid rgba(255,255,255,0.06); }
.api-row { transition:background .2s ease; }
.api-row:hover { background:rgba(124,58,237,0.06)!important; }
.perm-tag { display:inline-flex; align-items:center; padding:2px 8px; border-radius:5px; font-size:.72rem; font-weight:600; background:rgba(124,58,237,0.1); border:1px solid rgba(124,58,237,0.2); color:#A78BFA; margin:1px; }
.key-box { background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.1); border-radius:10px; padding:14px 16px; font-family:monospace; font-size:.82rem; color:var(--t26-muted); word-break:break-all; position:relative; }
.copy-anim { animation:copyPop .32s cubic-bezier(.36,.07,.19,.97) both; }
.copy-anim-inline { animation:copyPopInline .32s cubic-bezier(.36,.07,.19,.97) both; }
.copy-done { color:#34D399!important; }
.select2-dropdown { z-index:1060!important; background:var(--t26-bg2)!important; border:1px solid rgba(255,255,255,0.1)!important; border-radius:10px!important; }
.select2-container--open { z-index:1060!important; }
.select2-results__option { color:var(--t26-text)!important; font-size:.85rem; padding:8px 12px!important; }
.select2-results__option--highlighted { background:rgba(124,58,237,0.15)!important; color:#C4B5FD!important; }
.select2-results__option[aria-selected=true] { background:rgba(124,58,237,0.1)!important; color:#A78BFA!important; }
.select2-search--dropdown .select2-search__field { background:rgba(255,255,255,0.05)!important; border:1px solid rgba(255,255,255,0.1)!important; border-radius:7px!important; color:var(--t26-text)!important; padding:6px 10px!important; }
.select2-selection--multiple { background:rgba(255,255,255,0.04)!important; border:1px solid rgba(255,255,255,0.1)!important; border-radius:10px!important; min-height:42px!important; }
.select2-selection__choice { background:rgba(124,58,237,0.15)!important; border:1px solid rgba(124,58,237,0.3)!important; color:#C4B5FD!important; border-radius:6px!important; font-size:.78rem!important; }
.select2-selection__choice__remove { color:#A78BFA!important; }
.csv-sample { background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); border-radius:10px; padding:14px 18px; font-family:monospace; font-size:.84rem; color:#67E8F9; line-height:1.7; }
.imp-job-badge { display:inline-flex; align-items:center; padding:3px 10px; border-radius:6px; font-size:.75rem; font-weight:600; }
.chn-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:14px; overflow:visible; transition:transform .2s,box-shadow .2s,border-color .2s; }
.chn-card:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,.35); border-color:rgba(124,58,237,0.25); }
.chn-kebab { width:28px; height:28px; border-radius:7px; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; color:var(--t26-muted); cursor:pointer; transition:background .15s,border-color .15s,color .15s; }
.chn-kebab:hover { background:rgba(124,58,237,.15); border-color:rgba(124,58,237,.3); color:#A78BFA; }
.tool-nav-link { display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px; text-decoration:none; color:var(--t26-muted); font-size:.88rem; transition:all .2s ease; border:1px solid transparent; }
.tool-nav-link:hover { background:rgba(124,58,237,0.08); color:var(--t26-text); border-color:rgba(124,58,237,0.15); }
.tool-nav-link.active { background:rgba(124,58,237,0.12); color:var(--t26-text); border-color:rgba(124,58,237,0.25); font-weight:600; }
.tool-nav-icon { width:28px; height:28px; border-radius:7px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.code-block { background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:16px; font-size:.82rem; color:#67E8F9; overflow-x:auto; line-height:1.7; position:relative; }
.copy-code-btn { position:absolute; top:10px; right:10px; background:rgba(124,58,237,0.15); border:1px solid rgba(124,58,237,0.3); color:#A78BFA; border-radius:7px; padding:4px 10px; font-size:.75rem; cursor:pointer; transition:all .2s; }
.copy-code-btn:hover { background:rgba(124,58,237,0.3); }
.db-section { opacity:0; animation:db-fade-up .5s ease both }
.db-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:20px; position:relative; overflow:hidden; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease }
.db-card:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,.25); border-color:rgba(124,58,237,.3) }
.db-card::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(124,58,237,.05) 0%,rgba(6,182,212,.02) 100%); opacity:0; transition:opacity .25s; pointer-events:none }
.db-card:hover::before { opacity:1 }
.db-stat-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0 }
.db-counter { font-size:1.85rem; font-weight:800; line-height:1; background:var(--t26-gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-variant-numeric:tabular-nums }
.db-progress-bar { height:5px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; margin-top:10px }
.db-progress-fill { height:100%; border-radius:99px; background:var(--t26-gradient); animation:db-bar-fill .9s cubic-bezier(.4,0,.2,1) both }
.db-live-dot { width:8px; height:8px; border-radius:50%; background:#10B981; position:relative; flex-shrink:0 }
.db-live-dot::after { content:""; position:absolute; inset:-3px; border-radius:50%; background:rgba(16,185,129,.35); animation:db-pulse-ring 1.4s cubic-bezier(.4,0,.6,1) infinite }
.db-activity-item { border-radius:12px; padding:12px 14px; border:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.025); transition:background .2s,border-color .2s; margin-bottom:8px }
.db-activity-item:hover { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1) }
.db-aud-bar { height:6px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden }
.db-aud-fill { height:100%; border-radius:99px; background:var(--t26-gradient); animation:db-bar-fill .8s cubic-bezier(.4,0,.2,1) both }
.db-quick-btn { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); text-decoration:none; color:var(--t26-text); transition:transform .2s,background .2s,border-color .2s,box-shadow .2s; cursor:pointer }
.db-quick-btn:hover { transform:translateY(-3px); background:rgba(124,58,237,.1); border-color:rgba(124,58,237,.3); box-shadow:0 8px 24px rgba(124,58,237,.15); color:var(--t26-text) }
.db-quick-btn .db-quick-icon { width:42px; height:42px; border-radius:12px; background:rgba(124,58,237,.15); display:flex; align-items:center; justify-content:center; transition:background .2s }
.db-quick-btn:hover .db-quick-icon { background:rgba(124,58,237,.25) }
.db-welcome-card { background:linear-gradient(135deg,rgba(124,58,237,.18) 0%,rgba(6,182,212,.08) 100%); border:1px solid rgba(124,58,237,.25); border-radius:20px; padding:24px 28px; position:relative; overflow:hidden }
.db-welcome-card::before { content:""; position:absolute; right:-60px; top:-60px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%); pointer-events:none }
.db-welcome-card::after { content:""; position:absolute; right:40px; bottom:-40px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%); pointer-events:none }
.db-ring { transform:rotate(-90deg); transform-origin:50% 50% }
.db-ring-track { fill:none; stroke:rgba(255,255,255,.07); stroke-width:4 }
.db-ring-fill { fill:none; stroke-width:4; stroke-linecap:round; stroke:url(#ringGrad); transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1) }
.db-shorten-card { background:linear-gradient(135deg,rgba(124,58,237,.12) 0%,rgba(6,182,212,.06) 100%); border:1px solid rgba(124,58,237,.22); border-radius:20px; padding:28px; position:relative; overflow:hidden; margin-bottom:1.5rem; isolation:isolate }
.db-shorten-card::before { content:""; position:absolute; right:-80px; top:-80px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 70%); pointer-events:none }
.db-shorten-card::after { content:""; position:absolute; left:-40px; bottom:-60px; width:160px; height:160px; border-radius:50%; background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%); pointer-events:none }
.db-shorten-inner { position:relative; z-index:1 }
.daterangepicker { background:var(--t26-bg2)!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:14px!important; box-shadow:0 20px 60px rgba(0,0,0,.5)!important; color:var(--t26-text)!important; font-family:inherit!important }
.daterangepicker::before,.daterangepicker::after { display:none!important }
.daterangepicker .calendar-table { background:transparent!important; border:none!important }
.daterangepicker .calendar-table th,.daterangepicker .calendar-table td { color:var(--t26-text)!important; border-radius:8px!important }
.daterangepicker .calendar-table th { color:rgba(255,255,255,.4)!important; font-size:.72rem; text-transform:uppercase; letter-spacing:.05em }
.daterangepicker td.available:hover,.daterangepicker th.available:hover { background:rgba(124,58,237,.25)!important; color:#fff!important }
.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date { background:transparent!important; color:rgba(255,255,255,.15)!important }
.daterangepicker td.in-range { background:rgba(124,58,237,.15)!important; color:var(--t26-text)!important }
.daterangepicker td.active,.daterangepicker td.active:hover { background:linear-gradient(135deg,#7C3AED,#06B6D4)!important; color:#fff!important; border-radius:8px!important }
.daterangepicker td.start-date.end-date { border-radius:8px!important }
.daterangepicker td.start-date { border-radius:8px 0 0 8px!important }
.daterangepicker td.end-date { border-radius:0 8px 8px 0!important }
.daterangepicker .drp-buttons { border-top:1px solid rgba(255,255,255,.08)!important; background:transparent!important; padding:12px 16px!important }
.daterangepicker .btn-primary { background:linear-gradient(135deg,#7C3AED,#06B6D4)!important; border:none!important; border-radius:8px!important; font-size:.8rem!important }
.daterangepicker .btn-default { background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.1)!important; color:var(--t26-text)!important; border-radius:8px!important; font-size:.8rem!important }
.daterangepicker .ranges ul { padding:8px!important }
.daterangepicker .ranges li { border-radius:8px!important; color:rgba(255,255,255,.65)!important; font-size:.8rem!important; padding:7px 12px!important; margin-bottom:2px!important }
.daterangepicker .ranges li:hover { background:rgba(124,58,237,.2)!important; color:#fff!important }
.daterangepicker .ranges li.active { background:rgba(124,58,237,.3)!important; color:#fff!important }
.daterangepicker select.monthselect,.daterangepicker select.yearselect { background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.1)!important; color:var(--t26-text)!important; border-radius:6px!important; font-size:.8rem!important }
.daterangepicker .drp-calendar.left { border-right:1px solid rgba(255,255,255,.07)!important }
.daterangepicker .drp-selected { color:rgba(255,255,255,.4)!important; font-size:.75rem!important }
.links-hero-icon { transition:transform .3s ease }
.links-hero-icon:hover { transform:scale(1.08) rotate(-3deg) }
.dm-row { transition:background .2s ease; }
.dm-row:hover { background:rgba(16,185,129,0.05)!important; }
.int-card { transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.int-card:hover { transform:translateY(-5px); box-shadow:0 20px 56px rgba(124,58,237,0.2); border-color:rgba(124,58,237,0.3)!important; }
.int-card-wrap:nth-child(1) .int-card { animation:cardPop .5s ease .06s both }
.int-card-wrap:nth-child(2) .int-card { animation:cardPop .5s ease .12s both }
.int-card-wrap:nth-child(3) .int-card { animation:cardPop .5s ease .18s both }
.int-card-wrap:nth-child(4) .int-card { animation:cardPop .5s ease .24s both }
.int-card-wrap:nth-child(5) .int-card { animation:cardPop .5s ease .3s both }
.int-card-wrap:nth-child(6) .int-card { animation:cardPop .5s ease .36s both }
.int-connected-dot { width:10px; height:10px; background:#10B981; border-radius:50%; animation:connPulse 2s ease-in-out infinite; }
.icon-45 { width:44px; height:44px; object-fit:contain; flex-shrink:0; }
.ov-card { transition:transform .3s ease,box-shadow .3s ease; }
.ov-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(124,58,237,0.18); }
.ov-card-wrap:nth-child(1) .ov-card { animation:cardPop .5s ease .08s both }
.ov-card-wrap:nth-child(2) .ov-card { animation:cardPop .5s ease .15s both }
.ov-card-wrap:nth-child(3) .ov-card { animation:cardPop .5s ease .22s both }
.ov-card-wrap:nth-child(4) .ov-card { animation:cardPop .5s ease .29s both }
.ov-card-wrap:nth-child(5) .ov-card { animation:cardPop .5s ease .36s both }
.ov-card-wrap:nth-child(6) .ov-card { animation:cardPop .5s ease .43s both }
.px-row { transition:background .2s ease,transform .2s ease; }
.px-row:hover { background:rgba(124,58,237,0.06)!important; transform:translateX(2px); }
.px-tag-badge { display:inline-flex; align-items:center; padding:3px 10px; border-radius:6px; font-size:.8rem; font-family:monospace; background:rgba(124,58,237,0.1); border:1px solid rgba(124,58,237,0.2); color:#a78bfa; transition:all .2s; }
.px-tag-badge:hover { background:rgba(124,58,237,0.18); border-color:rgba(124,58,237,0.4); }
.qrc { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:16px; overflow:visible; display:flex; flex-direction:column; transition:transform .22s,box-shadow .22s,border-color .22s; }
.qrc:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 0 1px rgba(124,58,237,.18); border-color:rgba(124,58,237,.28); }
.qrc-chk { width:15px!important; height:15px!important; border-radius:4px!important; cursor:pointer; accent-color:#7C3AED; }
.qrc-kebab { width:28px; height:28px; border-radius:7px; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; color:var(--t26-muted); cursor:pointer; transition:background .15s,border-color .15s,color .15s; }
.qrc-kebab:hover { background:rgba(124,58,237,.15); border-color:rgba(124,58,237,.3); color:#A78BFA; }
.qrc-img { background:#fff; border-radius:12px; padding:10px; box-shadow:0 4px 20px rgba(0,0,0,.28); transition:box-shadow .22s,transform .22s; display:inline-flex; }
.qrc:hover .qrc-img { box-shadow:0 8px 32px rgba(124,58,237,.28); transform:scale(1.04); }
.qrc-act { width:28px; height:28px; border-radius:7px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); display:inline-flex; align-items:center; justify-content:center; color:var(--t26-muted); font-size:.7rem; text-decoration:none; transition:background .15s,border-color .15s,color .15s; }
.qrc-act:hover { background:rgba(255,255,255,0.1); color:var(--t26-text); }
.qrc-act-primary { background:rgba(124,58,237,.12)!important; border-color:rgba(124,58,237,.25)!important; color:#A78BFA!important; }
.qrc-act-primary:hover { background:rgba(124,58,237,.25)!important; }
.t26-fmt-btn { display:inline-flex; align-items:center; justify-content:center; padding:7px 18px; border-radius:8px; border:1.5px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.04); color:var(--t26-muted); font-size:.83rem; font-weight:600; transition:all .15s; min-width:60px; cursor:pointer; }
.t26-fmt-radio:checked + .t26-fmt-btn { border-color:rgba(124,58,237,.6); background:rgba(124,58,237,.15); color:#C4B5FD; }
.t26-fmt-btn:hover { border-color:rgba(124,58,237,.4); color:var(--t26-text); }
.sp-card { transition:transform .3s ease,box-shadow .3s ease; }
.sp-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(124,58,237,0.16); }
.sp-card-wrap:nth-child(1) .sp-card { animation:cardPop .5s ease .08s both }
.sp-card-wrap:nth-child(2) .sp-card { animation:cardPop .5s ease .16s both }
.sp-card-wrap:nth-child(3) .sp-card { animation:cardPop .5s ease .24s both }
.sp-card-wrap:nth-child(4) .sp-card { animation:cardPop .5s ease .32s both }
.tm-member { transition:background .2s ease; }
.tm-member:hover { background:rgba(124,58,237,0.06)!important; }
.tm-member:nth-child(1) { animation:memberSlide .4s ease .08s both }
.tm-member:nth-child(2) { animation:memberSlide .4s ease .15s both }
.tm-member:nth-child(3) { animation:memberSlide .4s ease .22s both }
.tm-member:nth-child(4) { animation:memberSlide .4s ease .29s both }
.tm-member:nth-child(5) { animation:memberSlide .4s ease .36s both }
.cmp-card { transition:transform .3s ease,box-shadow .3s ease; }
.cmp-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(124,58,237,0.18); }
.cmp-card-wrap:nth-child(1) .cmp-card { animation:cardPop .5s ease .08s both }
.cmp-card-wrap:nth-child(2) .cmp-card { animation:cardPop .5s ease .16s both }
.cmp-card-wrap:nth-child(3) .cmp-card { animation:cardPop .5s ease .24s both }
.cmp-card-wrap:nth-child(4) .cmp-card { animation:cardPop .5s ease .32s both }
.cmp-card-wrap:nth-child(5) .cmp-card { animation:cardPop .5s ease .4s both }
.cmp-card-wrap:nth-child(6) .cmp-card { animation:cardPop .5s ease .48s both }
.cmp-stat-chip { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:8px; font-size:.78rem; font-weight:600; }
.t26-bio-col { position:relative; }
.t26-bio-card { background:var(--t26-card); border:1px solid var(--t26-border); border-radius:16px; overflow:visible; transition:transform .2s,box-shadow .2s,border-color .2s; display:flex; flex-direction:column; position:relative; }
.t26-bio-card:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,0.35); border-color:rgba(124,58,237,0.3); }
.t26-bio-banner { height:88px; position:relative; overflow:hidden; border-radius:16px 16px 0 0; }
.t26-bio-banner-bg { position:absolute; inset:0; background:linear-gradient(135deg,#3b1f6e 0%,#0e4a5a 60%,#0a2a3a 100%); }
.t26-bio-menu { position:absolute; top:8px; right:8px; z-index:2; }
.t26-bio-badges { position:absolute; top:8px; left:8px; display:flex; gap:4px; z-index:2; }
.t26-bio-badge-default { font-size:.65rem; font-weight:700; padding:2px 8px; border-radius:20px; background:rgba(124,58,237,0.7); color:#fff; backdrop-filter:blur(6px); letter-spacing:.03em; }
.t26-bio-badge-off { font-size:.65rem; font-weight:700; padding:2px 8px; border-radius:20px; background:rgba(248,113,113,0.7); color:#fff; backdrop-filter:blur(6px); }
.t26-bio-avatar-wrap { display:flex; justify-content:center; margin-top:-30px; position:relative; z-index:1; }
.t26-bio-avatar { width:60px; height:60px; border-radius:50%; object-fit:cover; border:3px solid var(--t26-bg2); box-shadow:0 4px 16px rgba(0,0,0,0.4); }
.t26-bio-body { padding:10px 16px 14px; text-align:center; flex:1; }
.t26-bio-name { display:block; font-size:.95rem; font-weight:700; color:var(--t26-text); text-decoration:none; margin-bottom:4px; transition:color .15s; }
.t26-bio-name:hover { color:#A78BFA; }
.t26-bio-url-row { display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
.t26-bio-url { font-size:.73rem; color:var(--t26-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:160px; }
.t26-bio-copy { font-size:.65rem; font-weight:600; color:#7C3AED; background:rgba(124,58,237,0.12); border:1px solid rgba(124,58,237,0.25); padding:1px 7px; border-radius:5px; text-decoration:none!important; flex-shrink:0; transition:background .15s; }
.t26-bio-copy:hover { background:rgba(124,58,237,0.22); }
.t26-bio-footer { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border-top:1px solid rgba(255,255,255,0.06); background:rgba(255,255,255,0.02); gap:8px; }
.t26-bio-stats { display:flex; align-items:center; gap:10px; font-size:.73rem; color:var(--t26-muted); }
.t26-bio-actions { display:flex; align-items:center; gap:4px; }
.t26-bio-action-btn { width:28px; height:28px; border-radius:7px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; color:var(--t26-muted); text-decoration:none; font-size:.72rem; transition:background .15s,color .15s,border-color .15s; }
.t26-bio-action-btn:hover { background:rgba(255,255,255,0.1); color:var(--t26-text); }
.t26-bio-action-primary { background:rgba(124,58,237,0.15); border-color:rgba(124,58,237,0.3); color:#A78BFA; }
.t26-bio-action-primary:hover { background:rgba(124,58,237,0.25); color:#C4B5FD; }
.t26-bio-dropdown { background:var(--t26-bg2)!important; border:1px solid rgba(255,255,255,0.08)!important; border-radius:12px!important; padding:6px 0!important; min-width:185px; }
.t26-template-opt { display:flex; align-items:center; gap:12px; background:rgba(255,255,255,0.04); border:1.5px solid rgba(255,255,255,0.08); border-radius:12px; padding:14px; cursor:pointer; transition:border-color .2s,background .2s; width:100%; }
.t26-template-opt:hover { border-color:rgba(124,58,237,0.35); background:rgba(124,58,237,0.05); }
input[type="radio"]:checked + .t26-template-opt { border-color:rgba(124,58,237,0.6); background:rgba(124,58,237,0.1); }
.auth-card { background:rgba(13,13,43,0.85); border:1px solid rgba(255,255,255,0.09); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border-radius:24px; padding:2.2rem 2.4rem 1.8rem; box-shadow:0 32px 80px rgba(0,0,0,0.45),0 0 0 1px rgba(124,58,237,0.08); }
.auth-toggle { display:flex; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:.3rem; gap:.3rem; margin-bottom:1.75rem; position:relative; }
.auth-toggle-btn { flex:1; display:flex; align-items:center; justify-content:center; gap:.45rem; padding:.65rem 1rem; border-radius:11px; font-size:.875rem; font-weight:700; border:none; cursor:pointer; transition:background .3s cubic-bezier(.4,0,.2,1),color .3s,box-shadow .3s; color:rgba(148,163,184,0.7); background:none; position:relative; z-index:1; }
.auth-toggle-btn.active { background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%); color:#fff; box-shadow:0 4px 18px rgba(124,58,237,0.35); }
.auth-toggle-btn:not(.active):hover { background:rgba(255,255,255,0.06); color:#F1F5F9; }
.auth-panel { animation:authSlideIn .4s cubic-bezier(.4,0,.2,1) both; }
.auth-panel-hidden { display:none; }
.auth-panel-header { text-align:center; margin-bottom:1.5rem; }
.auth-panel-header h1 { font-size:1.5rem; font-weight:800; margin-bottom:.3rem; color:#F1F5F9; }
.auth-panel-header p { color:rgba(148,163,184,0.75); font-size:.88rem; margin:0; }
.auth-social-row { display:flex; gap:.5rem; margin-bottom:1.1rem; }
.auth-social-btn { flex:1; display:flex; align-items:center; justify-content:center; gap:.45rem; padding:.6rem .5rem; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:10px; color:rgba(241,245,249,0.85); font-size:.8rem; font-weight:600; text-decoration:none!important; transition:background .2s,border-color .2s,transform .15s; }
.auth-social-btn:hover { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.18); transform:translateY(-1px); color:#fff; }
.auth-divider { display:flex; align-items:center; gap:.85rem; margin-bottom:1.25rem; font-size:.75rem; color:rgba(148,163,184,0.45); }
.auth-divider::before,.auth-divider::after { content:''; flex:1; height:1px; background:rgba(255,255,255,0.07); }
.auth-field { margin-bottom:1.1rem; }
.auth-field label { display:block; font-size:.74rem; font-weight:700; color:rgba(148,163,184,0.8); text-transform:uppercase; letter-spacing:.07em; margin-bottom:.45rem; }
.auth-input-wrap { position:relative; display:flex; align-items:center; }
.auth-input-icon { position:absolute; left:.95rem; font-size:.8rem; color:rgba(148,163,184,0.45); pointer-events:none; z-index:1; transition:color .2s; }
.auth-input-wrap input { width:100%; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:11px; color:#F1F5F9; font-size:.9rem; padding:.72rem 2.8rem .72rem 2.6rem; outline:none; transition:border-color .2s,background .2s,box-shadow .2s; -webkit-appearance:none; }
.auth-input-wrap input::placeholder { color:rgba(148,163,184,0.35); }
.auth-input-wrap input:focus { border-color:rgba(124,58,237,0.55); background:rgba(124,58,237,0.06); box-shadow:0 0 0 3px rgba(124,58,237,0.12); }
.auth-input-wrap input:focus + .auth-input-icon,.auth-input-wrap:focus-within .auth-input-icon { color:rgba(124,58,237,0.7); }
.auth-input-wrap input[readonly] { background:rgba(255,255,255,0.03); color:rgba(148,163,184,0.6); cursor:default; }
.auth-eye-btn { position:absolute; right:.8rem; background:none; border:none; color:rgba(148,163,184,0.4); cursor:pointer; padding:.25rem; font-size:.8rem; transition:color .2s; line-height:1; z-index:1; }
.auth-eye-btn:hover { color:rgba(148,163,184,0.8); }
.auth-check { display:flex; align-items:center; gap:.55rem; }
.auth-check input[type="checkbox"] { width:17px; height:17px; border-radius:5px; border:1px solid rgba(255,255,255,0.15); background:rgba(255,255,255,0.05); accent-color:#7C3AED; cursor:pointer; flex-shrink:0; }
.auth-check label { font-size:.84rem; color:rgba(148,163,184,0.75); margin:0; cursor:pointer; text-transform:none; letter-spacing:0; font-weight:400; }
.auth-hint { display:flex; align-items:center; gap:.35rem; font-size:.73rem; color:rgba(148,163,184,0.5); margin-top:.4rem; }
.auth-link-sm { color:var(--t26-primary-light,#A78BFA); font-size:.82rem; text-decoration:none; }
.auth-link-sm:hover { color:#c4b5fd; text-decoration:underline; }
.auth-switch-hint { text-align:center; margin-top:1.4rem; font-size:.87rem; color:rgba(148,163,184,0.65); }
.auth-switch-link { background:none; border:none; color:var(--t26-primary-light,#A78BFA); font-weight:700; font-size:.87rem; cursor:pointer; padding:0; transition:color .2s; text-decoration:none; }
.auth-switch-link:hover { color:#c4b5fd; }
.auth-footer-badges { display:flex; justify-content:center; gap:1.5rem; font-size:.78rem; color:rgba(148,163,184,0.5); margin-top:1.75rem; padding-top:1.25rem; border-top:1px solid rgba(255,255,255,0.07); }
.auth-footer-badges span { display:flex; align-items:center; gap:.35rem; }
@media(max-width:480px) {
.auth-card { padding:1.75rem 1.35rem 1.5rem; }
.auth-toggle-btn { font-size:.78rem; padding:.6rem .75rem; }
.auth-social-row { flex-wrap:wrap; }
.auth-social-btn span { display:none; }
.auth-social-btn { flex:none; width:48px; justify-content:center; }
.auth-footer-badges { gap:1rem; flex-wrap:wrap; }
}
.qh-stats { display:flex;align-items:center;gap:1.2rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:.9rem 1.4rem;margin-bottom:1.4rem;backdrop-filter:blur(8px); }
.qh-stat { display:flex;flex-direction:column;align-items:center;flex:1; }
.qh-stat-num { font-size:1.55rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#A78BFA,#38BDF8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1; }
.qh-stat-lbl { font-size:.7rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem; }
.qh-stat-div { width:1px;height:36px;background:rgba(255,255,255,0.1);flex-shrink:0; }
.qh-types { display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.6rem; }
.qh-type { display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);transition:background .2s,border-color .2s,transform .2s;animation:qh-fadein .4s ease both;animation-delay:var(--bd,0s); }
.qh-type:hover { background:rgba(255,255,255,0.08);border-color:var(--qhc);transform:translateY(-2px); }
.qh-type-ic { width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--qhc);font-size:.88rem;flex-shrink:0;background:color-mix(in srgb,var(--qhc) 14%,transparent);border:1px solid color-mix(in srgb,var(--qhc) 25%,transparent); }
.qh-type-name { font-size:.81rem;font-weight:700;color:rgba(241,245,249,.92);line-height:1.2; }
.qh-type-sub { font-size:.67rem;color:var(--t26-muted);line-height:1.3; }
.qh-cta-row { display:flex;align-items:center;gap:1rem;flex-wrap:wrap; }
.qh-cta { padding:.65rem 1.5rem;font-size:.88rem;font-weight:700;border-radius:12px; }
.qh-formats { display:flex;align-items:center;gap:.4rem; }
.qh-fmt { padding:.28rem .65rem;border-radius:8px;font-size:.68rem;font-weight:700;letter-spacing:.05em;background:rgba(167,139,250,0.1);border:1px solid rgba(167,139,250,0.28);color:#C4B5FD; }
.qh-gdpr { padding:.28rem .65rem;border-radius:8px;font-size:.68rem;font-weight:700;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.28);color:#34D399; }
@keyframes qh-fadein { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
.qri-section { padding:5.5rem 0; background:var(--t26-bg2); position:relative; overflow:hidden; }
.qri-subtitle { color:rgba(241,245,249,.5); font-size:1rem; line-height:1.75; max-width:600px; margin:.75rem auto 0; }
.qri-main-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; margin-bottom:3.5rem; }
@media(max-width:900px){ .qri-main-grid { grid-template-columns:1fr; gap:2.5rem; } }
.qri-steps { display:flex; flex-direction:column; gap:0; }
.qri-step { display:grid; grid-template-columns:40px 20px 1fr; gap:.75rem; align-items:start; padding-bottom:1.5rem; }
.qri-step:last-child { padding-bottom:0; }
.qri-step-num { width:40px; height:40px; border-radius:12px; background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(99,102,241,.2)); border:1px solid rgba(124,58,237,.3); display:flex; align-items:center; justify-content:center; font-size:.7rem; font-weight:800; color:#a78bfa; flex-shrink:0; letter-spacing:.04em; }
.qri-step-line { width:1px; background:linear-gradient(180deg,rgba(124,58,237,.3),rgba(124,58,237,.05)); margin:40px auto 0; align-self:stretch; }
.qri-step-line.last { background:transparent; }
.qri-step-title { font-size:.9rem; font-weight:700; color:rgba(241,245,249,.9); margin-bottom:.3rem; padding-top:.6rem; }
.qri-step-desc { font-size:.8rem; color:rgba(241,245,249,.45); line-height:1.7; }
.qri-use-hdr { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgba(167,139,250,.6); margin-bottom:1rem; display:flex; align-items:center; gap:8px; }
.qri-use-hdr::after { content:''; flex:1; height:1px; background:linear-gradient(90deg,rgba(124,58,237,.25),transparent); }
.qri-uses-grid { display:grid; grid-template-columns:1fr 1fr; gap:.9rem; }
.qri-use-card { background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.06); border-radius:14px; padding:1rem; transition:border-color .2s, background .2s; }
.qri-use-card:hover { background:rgba(255,255,255,.045); border-color:rgba(124,58,237,.25); }
.qri-use-ico { width:34px; height:34px; border-radius:9px; background:color-mix(in srgb, var(--quic,#7c3aed) 18%, transparent); display:flex; align-items:center; justify-content:center; color:var(--quic,#a78bfa); font-size:.85rem; margin-bottom:.6rem; }
.qri-use-title { font-size:.8rem; font-weight:700; color:rgba(241,245,249,.85); margin-bottom:.25rem; }
.qri-use-desc { font-size:.72rem; color:rgba(241,245,249,.4); line-height:1.55; }
.qri-faq { background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06); border-radius:20px; overflow:hidden; }
.qri-faq-hdr { padding:1rem 1.5rem; font-size:.8rem; font-weight:700; color:rgba(167,139,250,.7); text-transform:uppercase; letter-spacing:.08em; border-bottom:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.02); }
.qri-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; }
@media(max-width:768px){ .qri-faq-grid { grid-template-columns:1fr; } }
.qri-faq-item { padding:1.25rem 1.5rem; border-right:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); }
.qri-faq-item:nth-child(even){ border-right:none; }
.qri-faq-item:nth-last-child(-n+2){ border-bottom:none; }
.qri-faq-q { font-size:.85rem; font-weight:700; color:rgba(241,245,249,.85); margin-bottom:.5rem; }
.qri-faq-a { font-size:.78rem; color:rgba(241,245,249,.45); line-height:1.7; }
.qrs-section { padding:4rem 0;background:var(--t26-bg2);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden; }
.qrs-section::before { content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none; }
.qrs-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;position:relative;z-index:1; }
@media(max-width:767px){.qrs-grid{grid-template-columns:1fr 1fr;}}
.qrs-card { position:relative;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:1.6rem 1.4rem;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s; }
.qrs-card::before { content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--qrsc);opacity:.65;border-radius:0 0 20px 20px; }
.qrs-card::after { content:'';position:absolute;bottom:0;left:-40%;width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--qrsc),transparent);filter:blur(2px);animation:qrs-sweep 2.8s ease-in-out infinite;animation-delay:var(--bd,0s); }
.qrs-card:hover { transform:translateY(-5px);border-color:color-mix(in srgb,var(--qrsc) 45%,transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--qrsc) 15%,transparent); }
.qrs-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem; }
.qrs-icon { width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--qrsc);font-size:1.1rem;background:color-mix(in srgb,var(--qrsc) 13%,transparent);border:1px solid color-mix(in srgb,var(--qrsc) 28%,transparent); }
.qrs-pulse { width:9px;height:9px;border-radius:50%;background:var(--qrsc);animation:qrs-dot-pulse 2.2s ease-in-out infinite;animation-delay:var(--bd,0s); }
.qrs-num { font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.4rem;background:linear-gradient(135deg,#f1f5f9 20%,var(--qrsc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.qrs-lbl { font-size:.72rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em; }
@keyframes qrs-sweep { 0%{left:-40%} 100%{left:140%} }
@keyframes qrs-dot-pulse { 0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--qrsc) 55%,transparent);opacity:1} 50%{box-shadow:0 0 0 7px transparent;opacity:.6} }
.lnst-hero { position:relative;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:1.75rem 2rem;margin-bottom:1.5rem;overflow:hidden; }
.lnst-hero-orb1 { position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(124,58,237,0.14) 0%,transparent 70%);top:-80px;right:-50px;border-radius:50%;pointer-events:none; }
.lnst-hero-orb2 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,0.1) 0%,transparent 70%);bottom:-60px;left:8%;border-radius:50%;pointer-events:none; }
.lnst-hero-inner { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap; }
.lnst-hero-left { display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0; }
.lnst-favicon-wrap { width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden; }
.lnst-favicon { border-radius:8px;object-fit:cover; }
.lnst-favicon-icon { color:var(--t26-muted);font-size:1.25rem; }
.lnst-hero-badges { display:flex;gap:.45rem;margin-bottom:.45rem; }
.lnst-badge { display:inline-flex;align-items:center;font-size:.67rem;font-weight:700;padding:.22rem .65rem;border-radius:20px;letter-spacing:.04em; }
.lnst-badge-link { background:rgba(167,139,250,0.15);color:#C4B5FD;border:1px solid rgba(167,139,250,0.3); }
.lnst-badge-qr { background:rgba(6,182,212,0.15);color:#67E8F9;border:1px solid rgba(6,182,212,0.3); }
.lnst-badge-bio { background:rgba(52,211,153,0.15);color:#6EE7B7;border:1px solid rgba(52,211,153,0.3); }
.lnst-hero-title { font-size:1.15rem;font-weight:700;color:#f1f5f9;margin:0 0 .4rem 0;line-height:1.3; }
.lnst-short-row { display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem; }
.lnst-short-txt { font-size:.88rem;font-weight:600; }
.lnst-copy-btn { display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--t26-muted);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:.2rem .55rem;transition:all .2s;text-decoration:none; }
.lnst-copy-btn:hover { background:rgba(255,255,255,0.1);color:#f1f5f9; }
.lnst-dest { display:flex;align-items:center;gap:.4rem;min-width:0; }
.lnst-dest-arrow { font-size:.65rem;color:var(--t26-muted);flex-shrink:0; }
.lnst-dest-url { font-size:.75rem;color:var(--t26-muted);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px;transition:color .2s; }
.lnst-dest-url:hover { color:#f1f5f9; }
.lnst-hero-actions { display:flex;gap:.6rem;flex-shrink:0; }
.lnst-act-btn { font-size:.8rem;padding:.4rem .9rem; }
.lnst-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem; }
@media(max-width:767px){.lnst-kpis{grid-template-columns:1fr 1fr;}}
.lnst-kpi { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:1.3rem 1.2rem;position:relative;overflow:hidden;transition:transform .25s,border-color .25s; }
.lnst-kpi::after { content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lkc);opacity:.55; }
.lnst-kpi:hover { transform:translateY(-3px);border-color:color-mix(in srgb,var(--lkc) 40%,transparent); }
.lnst-kpi-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem; }
.lnst-kpi-icon { width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--lkc);font-size:.88rem;background:color-mix(in srgb,var(--lkc) 14%,transparent);border:1px solid color-mix(in srgb,var(--lkc) 25%,transparent); }
.lnst-kpi-trend { color:var(--lkc);font-size:.78rem;opacity:.7; }
.lnst-kpi-num { font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#f1f5f9;margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem; }
.lnst-kpi-flag { flex-wrap:wrap; }
.lnst-flag-img { flex-shrink:0; }
.lnst-kpi-country { font-size:1rem;font-weight:700; }
.lnst-kpi-ref { font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important; }
.lnst-kpi-dash { font-size:1.5rem;color:var(--t26-muted); }
.lnst-kpi-lbl { font-size:.7rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.07em; }
.lnst-nav-wrap { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:.5rem .75rem;margin-bottom:1.5rem;overflow-x:auto; }
.lnst-chart-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem; }
.lnst-chart-header { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem; }
.lnst-chart-wrap { position:relative;height:400px; }
.lnst-section-title { font-size:1rem;font-weight:700;color:#f1f5f9;margin:0;display:flex;align-items:center;gap:.5rem; }
.lnst-title-icon { color:#A78BFA;font-size:.9rem; }
.lnst-section-sub { font-size:.74rem;color:var(--t26-muted);margin-top:.2rem; }
.lnst-daterange-wrap { display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.38rem .85rem; }
.lnst-cal-icon { color:var(--t26-muted);font-size:.78rem; }
.lnst-daterange-input { background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.8rem;width:185px; }
.lnst-section-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem; }
.lnst-view-all { font-size:.79rem;padding:.35rem .85rem; }
.lnst-activity { display:flex;flex-direction:column;gap:.5rem; }
.lnst-act-item { display:flex;align-items:center;gap:.85rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:.72rem 1rem;transition:background .2s,border-color .2s;animation:lnst-fadein .35s ease both;animation-delay:var(--bd,0s); }
.lnst-act-item:hover { background:rgba(255,255,255,0.055);border-color:rgba(255,255,255,0.1); }
.lnst-act-dot { width:8px;height:8px;border-radius:50%;background:rgba(167,139,250,0.7);flex-shrink:0; }
.lnst-act-content { flex:1;min-width:0; }
.lnst-act-tags { display:flex;flex-wrap:wrap;gap:.38rem; }
.lnst-tag { display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;color:rgba(241,245,249,0.8);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:.2rem .58rem;white-space:nowrap; }
.lnst-tag-ref .lnst-ref-link { color:rgba(241,245,249,0.8);text-decoration:none; }
.lnst-tag-ref .lnst-ref-link:hover { color:#A78BFA; }
.lnst-tag-direct { color:var(--t26-muted); }
.lnst-act-time small { font-size:.7rem;color:var(--t26-muted);white-space:nowrap; }
.lnst-empty { text-align:center;padding:3rem;color:var(--t26-muted); }
.lnst-empty-icon { font-size:2.5rem;margin-bottom:1rem;display:block;opacity:.35; }
@keyframes lnst-fadein { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }
.sp-page-header { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem; }
.sp-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;overflow:hidden;height:100%; }
.sp-card-hdr { display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,0.07); }
.sp-card-list { display:flex;flex-direction:column; }
.sp-live-dot { display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;color:#34D399; }
.sp-live-pulse { width:7px;height:7px;border-radius:50%;background:#34D399;display:inline-block;animation:sp-pulse 1.6s ease-in-out infinite; }
.sp-pie-wrap { position:relative;height:350px;padding:.5rem; }
.sp-top-list { padding:.75rem 1rem; }
.sp-top-list li { border-radius:10px!important;overflow:hidden;margin-bottom:.5rem!important;border-bottom:none!important;padding:.4rem .6rem!important;transition:background .2s; }
.sp-top-list li:hover { background:rgba(255,255,255,0.04); }
.sp-top-list li .bg-primary { background:linear-gradient(90deg,rgba(124,58,237,0.18),rgba(6,182,212,0.08))!important;opacity:1!important;border-radius:8px!important; }
.sp-list-info { padding:.5rem 1rem;font-size:.72rem;color:var(--t26-muted);border-bottom:1px solid rgba(255,255,255,0.04); }
.sp-ref-list { padding:.75rem 1rem; }
.sp-ref-item { position:relative;border-radius:12px;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,0.06);animation:sp-fadein .4s ease both;animation-delay:var(--bd,0s); }
.sp-ref-item:hover .sp-ref-bar { opacity:.55; }
.sp-ref-bar { position:absolute;top:0;left:0;bottom:0;width:var(--rw,0%);background:linear-gradient(90deg,rgba(124,58,237,0.2),rgba(6,182,212,0.1));border-radius:12px;transition:width .9s cubic-bezier(.22,.68,0,1.2),opacity .2s; }
.sp-ref-inner { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;gap:.75rem; }
.sp-ref-left { display:flex;align-items:center;gap:.5rem;min-width:0; }
.sp-ref-favicon { flex-shrink:0; }
.sp-ref-domain { font-size:.82rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px; }
.sp-ref-right { display:flex;align-items:center;gap:.5rem;flex-shrink:0; }
.sp-ref-count-num { font-size:.82rem;font-weight:700;color:#f1f5f9; }
.sp-ref-pct { font-size:.72rem;font-weight:700;color:#A78BFA;background:rgba(167,139,250,0.12);border:1px solid rgba(167,139,250,0.25);border-radius:6px;padding:.1rem .45rem; }
.sp-ref-count { font-size:.75rem;color:var(--t26-muted);font-weight:600; }
.sp-ab-card { overflow:hidden;height:auto; }
.sp-ab-list { padding:.75rem 1rem;display:flex;flex-direction:column;gap:.65rem; }
.sp-ab-item { display:flex;align-items:flex-start;gap:.85rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1rem 1.1rem;animation:sp-fadein .45s ease both;animation-delay:var(--abd,0s);transition:border-color .2s,transform .2s; }
.sp-ab-item:hover { border-color:color-mix(in srgb,var(--abc) 35%,transparent);transform:translateX(3px); }
.sp-ab-rank { width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:var(--abc);background:color-mix(in srgb,var(--abc) 14%,transparent);border:1px solid color-mix(in srgb,var(--abc) 28%,transparent);flex-shrink:0;margin-top:.1rem; }
.sp-ab-body { flex:1;min-width:0; }
.sp-ab-url-row { display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap; }
.sp-ab-url { font-size:.83rem;font-weight:600;color:#f1f5f9;word-break:break-all; }
.sp-ab-meta { display:flex;align-items:center;gap:.5rem;flex-shrink:0; }
.sp-ab-clicks { font-size:.75rem;color:var(--t26-muted);font-weight:600; }
.sp-ab-pct-badge { font-size:.78rem;font-weight:800;color:var(--abc);background:color-mix(in srgb,var(--abc) 12%,transparent);border:1px solid color-mix(in srgb,var(--abc) 28%,transparent);border-radius:8px;padding:.15rem .55rem; }
.sp-ab-bar-track { height:6px;background:rgba(255,255,255,0.07);border-radius:4px;overflow:hidden; }
.sp-ab-bar-fill { height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--abc),color-mix(in srgb,var(--abc) 60%,#38BDF8));transition:width 1s cubic-bezier(.22,.68,0,1.2);animation:sp-bar-in 1s cubic-bezier(.22,.68,0,1.2) both;animation-delay:calc(var(--abd,0s) + .1s); }
@keyframes sp-bar-in { from{width:0} to{width:var(--w,0%)} }
@keyframes sp-fadein { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
@keyframes sp-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.5);opacity:1} 50%{box-shadow:0 0 0 5px transparent;opacity:.6} }
.sp-social-list { padding:.75rem 1rem;display:flex;flex-direction:column;gap:.45rem; }
.sp-social-item { position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.06); }
.sp-social-bar { position:absolute;top:0;left:0;bottom:0;width:var(--ssw,0%);background:linear-gradient(90deg,color-mix(in srgb,var(--ssc) 28%,transparent),color-mix(in srgb,var(--ssc) 10%,transparent));border-radius:12px;transition:width 1.1s cubic-bezier(.22,.68,0,1.2);animation:sp-social-in 1.1s cubic-bezier(.22,.68,0,1.2) both; }
.sp-social-inner { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;gap:.75rem; }
.sp-social-left { display:flex;align-items:center;gap:.6rem; }
.sp-social-ic { width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.88rem;color:var(--ssc);background:color-mix(in srgb,var(--ssc) 14%,transparent);border:1px solid color-mix(in srgb,var(--ssc) 25%,transparent);flex-shrink:0; }
.sp-social-name { font-size:.85rem;font-weight:600;color:#f1f5f9; }
.sp-social-right { display:flex;align-items:center;gap:.5rem;flex-shrink:0; }
.sp-social-num { font-size:.85rem;font-weight:700;color:#f1f5f9; }
.sp-social-pct { font-size:.75rem;font-weight:700;color:var(--ssc);background:color-mix(in srgb,var(--ssc) 12%,transparent);border:1px solid color-mix(in srgb,var(--ssc) 25%,transparent);border-radius:6px;padding:.1rem .45rem; }
@keyframes sp-social-in { from{width:0} to{width:var(--ssw,0%)} }
.sp-donut-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;overflow:hidden;margin-bottom:1.5rem; }
.sp-donut-body { display:flex;align-items:stretch;min-height:280px; }
.sp-donut-ring-wrap { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 2.25rem;flex-shrink:0;gap:.85rem; }
.sp-donut-ring { width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at center,#0d1117 55%,transparent 56%),conic-gradient(rgba(255,255,255,0.06) 0% 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 56px rgba(124,58,237,0.14);animation:sp-donut-in .55s cubic-bezier(.34,1.56,.64,1) both; }
.sp-donut-center { text-align:center; }
.sp-donut-total { font-size:1.5rem;font-weight:800;color:#f1f5f9;letter-spacing:-.04em;line-height:1.1; }
.sp-donut-sublbl { font-size:.62rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.22rem; }
.sp-donut-top-label { display:flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:600;color:#f1f5f9;white-space:nowrap; }
.sp-donut-toplbl-ic { color:var(--dlc,#FCD34D);font-size:.68rem; }
.sp-donut-legend { flex:1;min-width:0;padding:1.25rem 1.5rem 1.25rem 1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.38rem;border-left:1px solid rgba(255,255,255,0.06); }
.sp-dleg-item { display:flex;align-items:center;gap:.65rem;padding:.48rem .55rem;border-radius:10px;border:1px solid rgba(255,255,255,0.04);animation:sp-fadein .4s ease both;animation-delay:var(--bd,0s);transition:background .18s,border-color .18s; }
.sp-dleg-item:hover { background:rgba(255,255,255,0.03);border-color:color-mix(in srgb,var(--dlc) 22%,transparent); }
.sp-dleg-dot { width:9px;height:9px;border-radius:3px;background:var(--dlc);flex-shrink:0;box-shadow:0 0 6px color-mix(in srgb,var(--dlc) 55%,transparent); }
.sp-dleg-info { flex:1;min-width:0; }
.sp-dleg-name { font-size:.8rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:.35rem;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sp-dleg-bar { height:3px;background:rgba(255,255,255,0.07);border-radius:4px;overflow:hidden; }
.sp-dleg-fill { height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--dlc),color-mix(in srgb,var(--dlc) 55%,#38BDF8));animation:sp-dleg-in .9s cubic-bezier(.22,.68,0,1.2) both;animation-delay:calc(var(--bd,0s) + .2s); }
.sp-dleg-right { flex-shrink:0;text-align:right;min-width:66px; }
.sp-dleg-count { display:block;font-size:.82rem;font-weight:700;color:#f1f5f9; }
.sp-dleg-pct { display:block;font-size:.7rem;font-weight:700;color:var(--dlc); }
@keyframes sp-donut-in { from{transform:scale(.7);opacity:0} to{transform:scale(1);opacity:1} }
@keyframes sp-dleg-in { from{width:0} to{width:var(--dlw,0%)} }
@media(max-width:767px){.sp-donut-body{flex-direction:column;min-height:auto;}.sp-donut-legend{border-left:none;border-top:1px solid rgba(255,255,255,0.06);padding:1rem;}}
.ct-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:20px;overflow:hidden;margin-bottom:1.5rem; }
.ct-mini-strip { display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.02); }
.ct-mini-stat { display:flex;align-items:center;gap:.75rem;flex:1;padding:1.1rem 1.4rem;animation:ct-popin .4s ease both;animation-delay:var(--bd,0s); }
.ct-mini-ic { width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ctc);font-size:.88rem;background:color-mix(in srgb,var(--ctc) 14%,transparent);border:1px solid color-mix(in srgb,var(--ctc) 25%,transparent);flex-shrink:0; }
.ct-mini-num { font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#f1f5f9; }
.ct-mini-lbl { font-size:.67rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem; }
.ct-mini-sub { color:color-mix(in srgb,var(--ctc) 80%,#f1f5f9);font-weight:700;margin-left:.25rem; }
.ct-mini-div { width:1px;background:rgba(255,255,255,0.07);flex-shrink:0;margin:.6rem 0; }
@media(max-width:575px){.ct-mini-strip{flex-wrap:wrap;}.ct-mini-stat{flex:0 0 50%;}.ct-mini-div:nth-child(4){display:none;}}
.ct-header { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1.1rem 1.4rem;border-bottom:1px solid rgba(255,255,255,0.07); }
.ct-controls { display:flex;align-items:center;gap:.6rem;flex-wrap:wrap; }
.ct-range-btns { display:flex;align-items:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden; }
.ct-rbtn { background:transparent;border:none;color:var(--t26-muted);font-size:.75rem;font-weight:700;padding:.38rem .75rem;cursor:pointer;transition:all .18s;letter-spacing:.04em; }
.ct-rbtn:hover { color:#f1f5f9;background:rgba(255,255,255,0.06); }
.ct-rbtn.active { background:rgba(124,58,237,0.25);color:#C4B5FD;box-shadow:inset 0 0 0 1px rgba(167,139,250,0.3); }
.ct-custom-wrap { display:flex;align-items:center;gap:.45rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.38rem .85rem;cursor:pointer; }
.ct-cal-icon { color:var(--t26-muted);font-size:.78rem;flex-shrink:0; }
.ct-date-input { background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.78rem;width:150px;cursor:pointer; }
.lnst-chart-wrap { padding:1.25rem 1.4rem 1.4rem; }
@keyframes ct-popin { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }
.cal-link-item { margin-bottom:.85rem; }
.cal-link-item:last-child { margin-bottom:0; }
.cal-link-row { display:flex;align-items:center;justify-content:space-between;margin-bottom:5px; }
.cal-link-left { display:flex;align-items:center;gap:6px;min-width:0;flex:1; }
.cal-link-dot { width:7px;height:7px;border-radius:50%;flex-shrink:0; }
.cal-link-title { font-size:.8rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;text-decoration:none; }
.cal-link-title:hover { color:#A78BFA;text-decoration:underline; }
.cal-copy-btn { display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;padding:1px 7px;border-radius:5px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);color:#A78BFA;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s; }
.cal-copy-btn:hover { background:rgba(124,58,237,0.2);color:#C4B5FD; }
.cal-copy-btn.ic-copied { color:#34D399; }
.cal-link-count { font-size:.78rem;font-weight:700;flex-shrink:0;margin-left:8px; }
.cal-bar-wrap { background:rgba(255,255,255,0.06);border-radius:4px;height:5px;overflow:hidden; }
.cal-bar-fill { height:100%;width:0;border-radius:4px;transition:width .9s cubic-bezier(.22,.68,0,1.2); }
@keyframes bl-fadein{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes bl-shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes bl-pulse-ring{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
.bl-fadein{animation:bl-fadein .5s ease both}
.bl-fadein-1{animation-delay:.08s}
.bl-fadein-2{animation-delay:.16s}
.bl-fadein-3{animation-delay:.24s}
.bl-fadein-4{animation-delay:.32s}
.bl-hero{position:relative;border-radius:18px;overflow:hidden;padding:32px 28px;background:linear-gradient(135deg,rgba(124,58,237,.18) 0%,rgba(6,182,212,.12) 100%);border:1px solid rgba(255,255,255,.1);margin-bottom:8px}
.bl-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:bl-shimmer 4s linear infinite;pointer-events:none}
.bl-hero-orb{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-120px;right:-80px;opacity:.22;pointer-events:none}
.bl-hero-orb2{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-80px;left:-40px;opacity:.15;pointer-events:none}
.bl-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.bl-hero-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45);margin-bottom:6px}
.bl-hero-plan{font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:8px}
.bl-hero-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bl-badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;border-radius:20px;padding:4px 11px}
.bl-badge-active{background:rgba(16,185,129,.15);color:#10B981;border:1px solid rgba(16,185,129,.3)}
.bl-badge-expiry{background:rgba(255,255,255,.07);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1)}
.bl-badge-lifetime{background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(6,182,212,.2));color:#A78BFA;border:1px solid rgba(124,58,237,.3)}
.bl-badge-pulse{position:relative;width:7px;height:7px;border-radius:50%;background:#10B981;flex-shrink:0}
.bl-badge-pulse::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#10B981;animation:bl-pulse-ring 1.8s ease infinite}
.bl-hero-stats{display:flex;gap:20px;flex-wrap:wrap}
.bl-hero-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 20px;min-width:100px;text-align:center;transition:transform .2s,background .2s}
.bl-hero-stat:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}
.bl-hero-stat-num{font-size:1.35rem;font-weight:700;color:#fff;line-height:1}
.bl-hero-stat-lbl{font-size:.7rem;color:rgba(255,255,255,.45);margin-top:4px;font-weight:500}
.bl-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:14px}
.bl-usage-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;transition:border-color .2s}
.bl-usage-card:hover{border-color:rgba(255,255,255,.14)}
.bl-usage-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}
.bl-usage-label{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:2px}
.bl-usage-value{font-size:.74rem;color:rgba(255,255,255,.4)}
.bl-bar-track{height:5px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:10px}
.bl-bar-fill{height:100%;border-radius:5px;width:0;transition:width 1s cubic-bezier(.22,.68,0,1.2)}
.bl-feat-list{list-style:none;padding:0;margin:0}
.bl-feat-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.83rem;color:rgba(255,255,255,.75)}
.bl-feat-item:last-child{border-bottom:none}
.bl-feat-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;margin-top:1px}
.bl-feat-icon-ok{background:rgba(16,185,129,.2);color:#10B981}
.bl-feat-icon-no{background:rgba(239,68,68,.2);color:#F87171}
.bl-timeline{position:relative;padding-left:22px}
.bl-timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,rgba(124,58,237,.5),rgba(6,182,212,.2))}
.bl-tl-item{position:relative;margin-bottom:18px}
.bl-tl-dot{position:absolute;left:-22px;top:12px;width:14px;height:14px;border-radius:50%;border:2px solid #7C3AED;background:rgba(124,58,237,.3)}
.bl-tl-dot-active{background:#7C3AED;box-shadow:0 0 0 4px rgba(124,58,237,.2)}
.bl-tl-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;transition:border-color .2s,transform .2s}
.bl-tl-card:hover{border-color:rgba(255,255,255,.15);transform:translateX(3px)}
.bl-tl-date{font-size:.72rem;color:rgba(255,255,255,.38);margin-bottom:4px}
.bl-tl-status{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85)}
.bl-pay-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .18s}
.bl-pay-row:last-child{border-bottom:none}
.bl-pay-row:hover{background:rgba(255,255,255,.03)}
.bl-pay-icon{width:38px;height:38px;border-radius:10px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#A78BFA;flex-shrink:0}
.bl-pay-icon-refund{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);color:#F87171}
.bl-pay-icon-trial{background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.25);color:#22D3EE}
.bl-pay-info{flex:1;min-width:0}
.bl-pay-tid{font-size:.78rem;color:rgba(255,255,255,.4);font-family:monospace;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.bl-pay-date{font-size:.72rem;color:rgba(255,255,255,.3)}
.bl-pay-amount{font-size:.95rem;font-weight:700;color:#fff}
.bl-pay-amount-refund{color:#F87171}
.bl-pay-amount-trial{color:#22D3EE;font-size:.82rem}
.bl-pay-actions{flex-shrink:0}
.bl-action-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;margin-bottom:16px;transition:border-color .2s}
.bl-action-card:hover{border-color:rgba(255,255,255,.13)}
.bl-action-title{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.bl-action-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}
.bl-action-desc{font-size:.78rem;color:rgba(255,255,255,.4);margin-bottom:14px;line-height:1.6}
.bl-empty{text-align:center;padding:32px 20px;color:rgba(255,255,255,.3);font-size:.85rem}
.bl-empty i{font-size:1.8rem;display:block;margin-bottom:10px;opacity:.35}
@keyframes sc-fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes sc-shield-pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(124,58,237,.5))}50%{transform:scale(1.06);filter:drop-shadow(0 0 18px rgba(124,58,237,.8))}}
@keyframes sc-ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.2);opacity:0}}
@keyframes sc-slide-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
.sc-fadein{animation:sc-fadein .45s ease both}
.sc-fadein-1{animation-delay:.06s}
.sc-fadein-2{animation-delay:.12s}
.sc-fadein-3{animation-delay:.18s}
.sc-fadein-4{animation-delay:.24s}
.sc-hero{position:relative;border-radius:18px;overflow:hidden;padding:28px;background:linear-gradient(135deg,rgba(124,58,237,.16) 0%,rgba(6,182,212,.1) 100%);border:1px solid rgba(255,255,255,.09);margin-bottom:24px}
.sc-hero-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-110px;right:-70px;opacity:.2;pointer-events:none}
.sc-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sc-shield-wrap{position:relative;flex-shrink:0}
.sc-shield-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(6,182,212,.2));border:1px solid rgba(124,58,237,.4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#A78BFA;animation:sc-shield-pulse 3s ease-in-out infinite}
.sc-ping{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%}
.sc-ping-dot{position:absolute;inset:0;border-radius:50%;background:#10B981}
.sc-ping-ring{position:absolute;inset:0;border-radius:50%;background:#10B981;animation:sc-ping 1.5s ease-out infinite}
.sc-hero-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px}
.sc-hero-sub{font-size:.8rem;color:rgba(255,255,255,.45)}
.sc-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.sc-badge{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;font-weight:600;border-radius:20px;padding:4px 11px;border:1px solid}
.sc-badge-ok{background:rgba(16,185,129,.12);color:#10B981;border-color:rgba(16,185,129,.28)}
.sc-badge-warn{background:rgba(251,191,36,.12);color:#FBBF24;border-color:rgba(251,191,36,.28)}
.sc-badge-info{background:rgba(6,182,212,.12);color:#22D3EE;border-color:rgba(6,182,212,.28)}
.sc-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.35);margin-bottom:14px}
.sc-event-card{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .18s;animation:sc-slide-in .35s ease both}
.sc-event-card:last-child{border-bottom:none}
.sc-event-card:hover{background:rgba(255,255,255,.03)}
.sc-event-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0;margin-top:1px}
.sc-event-icon-ok{background:rgba(16,185,129,.15);color:#10B981;border:1px solid rgba(16,185,129,.2)}
.sc-event-icon-warn{background:rgba(239,68,68,.15);color:#F87171;border:1px solid rgba(239,68,68,.2)}
.sc-event-icon-info{background:rgba(124,58,237,.15);color:#A78BFA;border:1px solid rgba(124,58,237,.2)}
.sc-event-icon-email{background:rgba(6,182,212,.15);color:#22D3EE;border:1px solid rgba(6,182,212,.2)}
.sc-event-body{flex:1;min-width:0}
.sc-event-type{font-size:.83rem;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:5px}
.sc-event-meta{display:flex;flex-wrap:wrap;gap:8px}
.sc-event-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:rgba(255,255,255,.4);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:2px 7px}
.sc-event-chip img{border-radius:2px}
.sc-event-time{font-size:.7rem;color:rgba(255,255,255,.28);white-space:nowrap;margin-top:2px;flex-shrink:0}
.sc-empty{text-align:center;padding:40px 20px;color:rgba(255,255,255,.3)}
.sc-empty i{font-size:2rem;display:block;margin-bottom:10px;opacity:.3}
.sc-action-card{border-radius:14px;padding:20px;margin-bottom:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:border-color .2s,transform .18s}
.sc-action-card:hover{border-color:rgba(255,255,255,.14);transform:translateY(-1px)}
.sc-action-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.sc-action-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.sc-action-title{font-size:.9rem;font-weight:700;color:rgba(255,255,255,.9)}
.sc-action-desc{font-size:.78rem;color:rgba(255,255,255,.4);line-height:1.65;margin-bottom:14px}
.sc-2fa-enabled{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);border-radius:10px;margin-bottom:14px;font-size:.82rem;color:#10B981;font-weight:600}
.sc-qr-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;text-align:center;margin-bottom:14px}
.sc-secret-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.sc-secret-val{font-family:monospace;font-size:.78rem;color:rgba(255,255,255,.6);word-break:break-all}
@keyframes api-revoke-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
@keyframes api-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes vf-fadein{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes vf-badge-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes vf-check-draw{0%{stroke-dashoffset:60}100%{stroke-dashoffset:0}}
@keyframes vf-ring-pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.12);opacity:.9}}
@keyframes vf-orb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.vf-fadein{animation:vf-fadein .5s ease both}
.vf-fadein-1{animation-delay:.07s}
.vf-fadein-2{animation-delay:.14s}
.vf-fadein-3{animation-delay:.21s}
.vf-hero{position:relative;border-radius:20px;overflow:hidden;padding:32px 28px;background:linear-gradient(135deg,rgba(16,185,129,.13) 0%,rgba(6,182,212,.09) 100%);border:1px solid rgba(16,185,129,.18);margin-bottom:24px}
.vf-hero-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#10B981 0%,transparent 70%);top:-120px;right:-80px;opacity:.15;pointer-events:none;animation:vf-orb-float 7s ease-in-out infinite}
.vf-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.vf-icon-wrap{position:relative;flex-shrink:0}
.vf-icon-ring{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(6,182,212,.15));border:1.5px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#10B981;animation:vf-ring-pulse 2.8s ease-in-out infinite}
.vf-icon-ring-done{background:linear-gradient(135deg,rgba(16,185,129,.35),rgba(6,182,212,.2));border-color:rgba(16,185,129,.6);color:#34D399}
.vf-hero-title{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.vf-verified-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.15));border:1px solid rgba(16,185,129,.35);border-radius:20px;padding:3px 10px;color:#34D399;animation:vf-badge-in .4s ease .3s both}
.vf-hero-sub{font-size:.82rem;color:rgba(255,255,255,.45);line-height:1.6;max-width:480px}
.vf-benefits{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.vf-benefit{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.6)}
.vf-benefit i{color:#10B981}
.vf-upload-zone{border:2px dashed rgba(255,255,255,.12);border-radius:14px;padding:28px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;overflow:hidden}
.vf-upload-zone:hover,.vf-upload-zone.drag-over{border-color:rgba(16,185,129,.45);background:rgba(16,185,129,.05)}
.vf-upload-icon{width:48px;height:48px;border-radius:14px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#10B981;margin:0 auto 12px}
.vf-upload-title{font-size:.88rem;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:4px}
.vf-upload-sub{font-size:.76rem;color:rgba(255,255,255,.35)}
.vf-upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.vf-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.35);margin-bottom:14px}
.vf-history-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.vf-history-item:last-child{border-bottom:none}
.vf-hist-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.vf-hist-approved{background:#10B981;box-shadow:0 0 6px rgba(16,185,129,.5)}
.vf-hist-rejected{background:#EF4444;box-shadow:0 0 6px rgba(239,68,68,.4)}
.vf-hist-pending{background:#7C3AED;box-shadow:0 0 6px rgba(124,58,237,.4)}
.vf-hist-status{font-size:.8rem;font-weight:700}
.vf-hist-status-ok{color:#10B981}
.vf-hist-status-rej{color:#F87171}
.vf-hist-status-pend{color:#A78BFA}
.vf-hist-date{font-size:.74rem;color:rgba(255,255,255,.3);margin-top:1px}
.vf-step{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.vf-step:last-child{border-bottom:none}
.vf-step-num{width:28px;height:28px;border-radius:50%;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#A78BFA;flex-shrink:0}
.vf-step-title{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:2px}
.vf-step-desc{font-size:.75rem;color:rgba(255,255,255,.38);line-height:1.5}
.api-regen-item{display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:.82rem;font-weight:500;color:rgba(255,255,255,.75);text-decoration:none;border-radius:8px;margin:2px 6px;transition:background .18s,color .18s}
.api-regen-item:hover{background:rgba(124,58,237,.15);color:#A78BFA}
.api-regen-item .api-regen-icon{width:26px;height:26px;border-radius:7px;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#A78BFA;flex-shrink:0;transition:background .18s}
.api-regen-item:hover .api-regen-icon{background:rgba(124,58,237,.35);animation:api-spin .5s ease}
.api-regen-submit{transition:background .18s,border-color .18s,transform .15s,box-shadow .18s}
.api-regen-submit:hover{background:rgba(239,68,68,.2)!important;border-color:rgba(239,68,68,.45)!important;transform:translateY(-1px);box-shadow:0 4px 14px rgba(239,68,68,.2)}
.api-regen-submit:hover .api-regen-spin{animation:api-spin .5s ease}
.api-regen-submit:active{transform:translateY(0)}
.api-revoke-btn{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:7px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#F87171;text-decoration:none;transition:background .18s,border-color .18s,transform .15s,box-shadow .18s;cursor:pointer}
.api-revoke-btn:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.4);color:#FCA5A5;transform:translateY(-1px);box-shadow:0 4px 14px rgba(239,68,68,.2)}
.api-revoke-btn:active{animation:api-revoke-shake .35s ease;transform:translateY(0)}
.t26-s338 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:10px;padding:9px 11px; }
.t26-s339 { background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s340 { appearance:auto;height:120px; }
.t26-s341 { padding:10px;border-radius:10px;border:none;cursor:pointer; }
.t26-s342 { position:relative;flex-shrink:0; }
.t26-s343 { width:46px;height:46px;object-fit:cover;border:2px solid rgba(124,58,237,0.3); }
.t26-s344 { position:absolute;bottom:0;right:0;width:12px;height:12px;background:#10B981;border:2px solid var(--t26-bg2);border-radius:50%; }
.t26-s345 { position:absolute;bottom:0;right:0;width:12px;height:12px;background:#6B7280;border:2px solid var(--t26-bg2);border-radius:50%; }
.t26-s346 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:5px;padding:1px 8px;font-size:.72rem; }
.t26-s347 { background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:5px;padding:1px 8px;font-size:.72rem; }
.t26-s348 { background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);border-radius:5px;padding:1px 8px;font-size:.72rem; }
.t26-s349 { padding:7px 14px;border-radius:9px;text-decoration:none;font-size:.82rem; }
.t26-s350 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center; }
.t26-s351 { color:var(--t26-muted);font-size:.85rem; }
.t26-s352 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:170px; }
.t26-d14-bg { background: var(--t26-d14-bg); }
.t26-s353 { color:var(--t26-muted);font-size:.9rem;margin:0; }
.t26-s354 { color:var(--t26-muted);font-size:.875rem;margin-left:.5rem; }
.t26-s355 { width:42px;height:42px;object-fit:cover;border:1px solid rgba(255,255,255,0.08);padding:6px; }
.t26-s356 { color:var(--t26-text);text-decoration:none;font-weight:600; }
.t26-s357 { color:#7C3AED;font-size:.8rem;text-decoration:none; }
.t26-s358 { color:var(--t26-muted);font-size:.78rem; }
.t26-s359 { border-radius:10px;text-decoration:none;background:linear-gradient(135deg,#EF4444,#DC2626); }
.t26-s361 { font-size:.78rem;color:var(--t26-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px; }
.t26-s362 { font-size:1.8rem; }
.t26-s363 { padding:7px 18px;border-radius:8px;font-size:.83rem; }
.t26-s364 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:14px 16px; }
.t26-s365 { color:var(--t26-text);font-size:.88rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s366 { padding:7px 16px;border-radius:8px;font-size:.8rem;border:none; }
.t26-s367 { padding:6px 14px;border-radius:8px;font-size:.8rem; }
.t26-s368 { margin-left:8px;font-size:.72rem;background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:20px;padding:2px 8px; }
.t26-s369 { margin-left:8px;font-size:.72rem;background:rgba(251,191,36,0.15);color:#FCD34D;border:1px solid rgba(251,191,36,0.3);border-radius:20px;padding:2px 8px; }
.t26-s370 { margin-left:8px;font-size:.72rem;background:rgba(239,68,68,0.15);color:#F87171;border:1px solid rgba(239,68,68,0.3);border-radius:20px;padding:2px 8px; }
.t26-s371 { padding:14px 20px;font-size:.85rem;color:var(--t26-muted); }
.t26-s372 { font-size:1.4rem; }
.t26-s373 { font-size:.82rem;color:var(--t26-muted);margin-bottom:8px; }
.t26-s374 { border-top:1px solid rgba(255,255,255,0.08);padding-top:14px;margin-top:4px; }
.t26-s375 { font-size:.85rem;font-weight:600;margin-bottom:8px; }
.t26-s376 { font-size:.82rem;color:var(--t26-muted);margin-bottom:12px; }
.t26-s377 { opacity:.2;top:-30%;right:3%;width:260px;height:260px;pointer-events:none; }
.t26-s378 { font-size:1.25rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s379 { font-size:.72rem;color:#22D3EE; }
.t26-s380 { padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none; }
.t26-s381 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--t26-muted);font-size:.8rem; }
.t26-s382 { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:6px 12px;text-decoration:none;color:var(--t26-muted);font-size:.8rem;font-weight:600;white-space:nowrap; }
.t26-s383 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:185px; }
.t26-s384 { width:15px;color:var(--t26-muted); }
.t26-s385 { width:15px; }
.t26-s386 { width:1px;height:24px;background:rgba(255,255,255,0.07);flex-shrink:0; }
.t26-s387 { display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:9px;padding:7px 12px;flex:1;min-width:150px; }
.t26-s388 { color:var(--t26-muted);font-size:.72rem;flex-shrink:0; }
.t26-s389 { background:transparent;border:none;color:var(--t26-text);outline:none;font-size:.83rem;width:100%; }
.t26-s390 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--t26-text);border-radius:9px;padding:7px 12px;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap; }
.t26-s391 { font-size:.6rem;color:var(--t26-muted); }
.t26-s392 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:130px; }
.t26-s393 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);color:#A78BFA;border-radius:9px;padding:7px 13px;cursor:pointer;font-size:.8rem; }
.t26-d15-h { height: var(--t26-d15-h); }
.t26-s394 { display:flex;align-items:center;padding:10px 12px 4px; }
.t26-s395 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:6px 0;min-width:190px; }
.t26-s396 { display:flex;justify-content:center;padding:12px 20px 8px;position:relative; }
.t26-s397 { display:block;border-radius:8px; }
.t26-s398 { position:absolute;bottom:14px;right:14px;background:rgba(7,7,26,0.88);border:1px solid rgba(34,211,238,0.25);border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:700;color:#22D3EE;display:flex;align-items:center;gap:3px; }
.t26-s399 { font-size:.58rem; }
.t26-s400 { text-align:center;padding:4px 14px 12px;flex:1; }
.t26-s401 { font-size:.88rem;font-weight:700;color:var(--t26-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.t26-s402 { color:inherit;opacity:.7;text-decoration:none; }
.t26-s403 { display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-top:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02); }
.t26-s404 { font-size:.7rem;color:var(--t26-muted);display:flex;align-items:center;gap:4px; }
.t26-s405 { display:flex;align-items:center;gap:4px; }
.t26-s406 { padding:24px; }
.t26-s407 { cursor:pointer; }
.t26-s408 { display:none; }
.t26-s409 { padding:11px;border-radius:10px;font-weight:600; }
.t26-s410 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:14px;padding:12px;margin-right:1rem;flex-shrink:0; }
.t26-s411 { font-size:1.4rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s412 { color:var(--t26-muted);margin:0;font-size:.9rem; }
.t26-s413 { padding:9px 20px;border-radius:9px;text-decoration:none;font-size:.875rem; }
.t26-s414 { color:#EF4444;font-size:.8rem; }
.t26-s415 { appearance:auto; }
.t26-s416 { padding:7px 16px;border-radius:9px;font-size:.875rem; }
.t26-s417 { border-top:1px solid rgba(255,255,255,0.08); }
.t26-s418 { color:var(--t26-muted);cursor:pointer; }
.t26-s419 { padding:7px 16px;border-radius:9px;text-decoration:none;font-size:.875rem; }
.t26-s420 { color:var(--t26-muted);font-size:.875rem; }
.t26-s421 { cursor:pointer;border:2px solid rgba(124,58,237,0.4);border-radius:12px;padding:12px;min-width:140px;background:rgba(255,255,255,0.02); }
.t26-s422 { max-width:100px; }
.t26-s423 { cursor:pointer;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:12px;min-width:140px;background:rgba(255,255,255,0.02); }
.t26-s424 { padding:8px;border-radius:9px;text-decoration:none; }
.t26-s425 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px; }
.t26-s426 { cursor:pointer;border:2px solid rgba(124,58,237,0.6);border-radius:8px;padding:4px;background:rgba(255,255,255,0.04); }
.t26-s427 { accent-color:#7C3AED; }
.t26-s428 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px;text-decoration:none; }
.t26-s429 { padding:4px 14px;border-radius:7px;font-size:.8rem; }
.t26-s430 { position:sticky;top:80px; }
.t26-s431 { display:flex;align-items:center;gap:.6rem;margin-bottom:1rem; }
.t26-s432 { width:28px;height:28px;border-radius:8px;background:rgba(124,58,237,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s433 { font-size:.85rem;font-weight:700;color:var(--t26-text); }
.t26-s434 { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:.75rem; }
.t26-s435 { padding:10px;border-radius:10px;font-size:.875rem; }
.t26-s436 { background:rgba(124,58,237,0.07);border:1px solid rgba(124,58,237,0.15);border-radius:12px;padding:1rem 1.1rem; }
.t26-s437 { font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#A78BFA;margin-bottom:.5rem; }
.t26-s438 { color:var(--t26-muted);font-size:.8rem;line-height:1.6;margin:0; }
.t26-s439 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:14px;padding:12px;margin-right:1rem;flex-shrink:0; }
.t26-s440 { display:flex;align-items:center;gap:8px;margin-bottom:14px; }
.t26-s441 { width:6px;height:6px;border-radius:50%;background:#A78BFA;flex-shrink:0; }
.t26-s442 { font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--t26-muted); }
.t26-s443 { display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.06); }
.t26-s444 { width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#06B6D4);flex-shrink:0; }
.t26-s445 { color:var(--t26-text);font-size:.95rem; }
.t26-s446 { color:#38BDF8; }
.t26-s447 { color:#F472B6; }
.t26-s448 { color:#34D399; }
.t26-s449 { color:#FB923C; }
.t26-s450 { color:#4ADE80; }
.t26-s451 { color:#C084FC; }
.t26-s452 { color:#22D3EE; }
.t26-s453 { color:#F59E0B; }
.t26-s454 { color:#818CF8; }
.t26-s455 { color:#60A5FA; }
.t26-s456 { width:32px;height:32px;border-radius:8px;background:rgba(124,58,237,0.12);display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0; }
.t26-s457 { padding:8px;border-radius:9px;text-decoration:none;font-size:.83rem; }
.t26-s458 { cursor:pointer;border:2px solid rgba(124,58,237,0.6);border-radius:8px;width:48px;height:48px;background:rgba(255,255,255,0.04); }
.t26-s459 { cursor:pointer;border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:4px;background:rgba(255,255,255,0.04); }
.t26-s460 { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem; }
.t26-s461 { display:flex;align-items:center;gap:.55rem; }
.t26-s462 { width:26px;height:26px;border-radius:7px;background:rgba(124,58,237,0.14);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s463 { font-size:.68rem;color:#A78BFA; }
.t26-s464 { font-size:.82rem;font-weight:700;color:var(--t26-text);letter-spacing:.01em; }
.t26-s465 { font-size:.7rem;font-weight:600;color:var(--t26-muted);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2px 10px; }
.t26-s466 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem; }
.t26-s467 { padding:9px 12px;border-radius:9px;font-size:.82rem; }
.t26-s468 { display:flex;align-items:flex-start;gap:.5rem;background:rgba(124,58,237,0.06);border:1px solid rgba(124,58,237,0.12);border-radius:9px;padding:.65rem .8rem; }
.t26-s469 { color:#A78BFA;font-size:.75rem;margin-top:2px;flex-shrink:0; }
.t26-s470 { color:var(--t26-muted);font-size:.75rem;line-height:1.55; }
.t26-s471 { border-radius:9px;text-decoration:none;border:1px solid rgba(124,58,237,0.6);background:rgba(124,58,237,0.15);color:var(--t26-text);font-size:.875rem; }
.t26-s472 { border-radius:9px;text-decoration:none;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:var(--t26-text);font-size:.875rem; }
.t26-s473 { color:var(--t26-muted);font-size:.875rem;line-height:1.6; }
.t26-s474 { padding:10px;border-radius:10px; }
.t26-s475 { background:var(--t26-bg);padding:5rem 0 6rem;position:relative;overflow:hidden; }
.t26-s476 { opacity:.4;top:10%;left:72%; }
.t26-s477 { opacity:.2;top:65%;left:-4%; }
.t26-s478 { opacity:.3; }
.t26-s479 { position:relative;z-index:2; }
.t26-s480 { --bd:0s; }
.t26-s481 { display:inline-flex; }
.t26-s482 { font-size:clamp(2.1rem,4.5vw,3.3rem);line-height:1.1;letter-spacing:-.03em; }
.t26-s483 { color:var(--t26-muted);font-size:1rem;max-width:480px;line-height:1.8;margin-bottom:2rem; }
.t26-s484 { display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.75rem; }
.t26-s485 { display:flex;align-items:center;gap:.5rem;font-size:.83rem;color:rgba(241,245,249,0.8); }
.t26-s486 { margin-bottom:1.5rem; }
.t26-s487 { display:block;font-size:.72rem;font-weight:700;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.5rem; }
.t26-s488 { color:#10B981;font-size:.68rem; }
.t26-s489 { border-radius:0;flex-shrink:0; }
.t26-s490 { display:block;font-size:.72rem;color:var(--t26-muted);margin-top:.4rem; }
.t26-s491 { display:flex;align-items:center;gap:.85rem;flex-wrap:wrap; }
.t26-s492 { display:flex; }
.t26-s493 { border-radius:50%;border:2px solid var(--t26-bg);object-fit:cover; }
.t26-s494 { border-radius:50%;border:2px solid var(--t26-bg);object-fit:cover;margin-left:-8px; }
.t26-s495 { display:flex;gap:.2rem;margin-bottom:.2rem; }
.t26-s496 { color:#F59E0B;font-size:.7rem; }
.t26-s497 { color:var(--t26-muted);font-size:.79rem;font-weight:600; }
.t26-s498 { --bd:.2s; }
.t26-s499 { display:inline-block;position:relative; }
.t26-s500 { color:var(--t26-cyan); }
.t26-s501 { font-size:.73rem;color:rgba(241,245,249,0.9);font-weight:600; }
.t26-s502 { color:#10B981;font-size:.56rem; }
.t26-s503 { font-size:.6rem;color:rgba(241,245,249,0.4); }
.t26-s504 { text-align:center;padding:1rem .75rem .5rem; }
.t26-s505 { display:inline-block;position:relative;width:64px;height:64px;border-radius:50%;border:2px solid rgba(124,58,237,0.55);overflow:hidden; }
.t26-s506 { width:100%;height:100%;object-fit:cover; }
.t26-s507 { position:absolute;bottom:0;right:0;width:17px;height:17px;background:var(--t26-gradient);border-radius:50%;border:1.5px solid #07071A;display:flex;align-items:center;justify-content:center; }
.t26-s508 { font-size:.4rem;color:#fff; }
.t26-s509 { font-size:.76rem;font-weight:700;color:#fff;margin:.5rem 0 .1rem; }
.t26-s510 { font-size:.62rem;color:rgba(255,255,255,0.4);margin:0 0 .65rem; }
.t26-s511 { display:flex;justify-content:center;gap:.35rem;margin-bottom:.65rem; }
.t26-s512 { width:22px;height:22px;background:rgba(255,255,255,0.1);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;color:rgba(241,245,249,0.7); }
.t26-s513 { padding:0 .75rem;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem; }
.t26-s514 { display:flex;align-items:center;justify-content:center;gap:.32rem;border-radius:8px;padding:.48rem;font-size:.67rem;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,rgba(124,58,237,0.7),rgba(6,182,212,0.5)); }
.t26-s515 { display:flex;align-items:center;justify-content:center;gap:.32rem;border-radius:8px;padding:.48rem;font-size:.67rem;font-weight:600;color:#fff;text-decoration:none;background:rgba(255,255,255,0.1); }
.t26-s516 { display:flex;align-items:center;justify-content:center;gap:.32rem;border-radius:8px;padding:.48rem;font-size:.67rem;font-weight:600;color:#fff;text-decoration:none;background:rgba(255,255,255,0.06); }
.t26-s517 { display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.5rem .7rem .6rem;border-top:1px solid rgba(255,255,255,0.06);text-align:center; }
.t26-s518 { font-size:.78rem;font-weight:700;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s519 { font-size:.55rem;color:rgba(241,245,249,0.3);text-transform:uppercase;letter-spacing:.05em; }
.t26-s520 { height:4px;background:rgba(255,255,255,0.15);border-radius:3px;width:58px;margin:.45rem auto .6rem; }
.t26-s521 { background:var(--t26-bg2);padding:1.6rem 0;overflow:hidden;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05); }
.t26-s522 { text-align:center;font-size:.72rem;color:var(--t26-muted);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem; }
.t26-s523 { display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent); }
.t26-s524 { display:flex;flex-shrink:0;animation:bio-ticker 30s linear infinite;will-change:transform; }
.t26-s525 { display:flex;align-items:center;gap:.48rem;font-size:.83rem;font-weight:600;color:var(--t26-muted);white-space:nowrap;padding-right:2rem; }
.t26-d16-c { color: var(--t26-d16-c); }
.t26-s526 { background:var(--t26-bg);padding:6rem 0; }
.t26-s527 { color:rgba(241,245,249,0.45);max-width:500px;margin:.75rem auto 0;font-size:.95rem;line-height:1.7; }
.t26-s528 { background:var(--t26-bg2);padding:6rem 0; }
.t26-s529 { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;margin-bottom:3rem; }
.t26-s530 { position:absolute;top:32px;left:calc(16.66% + 24px);right:calc(16.66% + 24px);height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,0.45),rgba(6,182,212,0.45),transparent);pointer-events:none; }
.t26-s531 { width:64px;height:64px;border-radius:50%;background:rgba(124,58,237,0.12);border:2px solid rgba(124,58,237,0.28);display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;position:relative;z-index:1; }
.t26-s532 { font-size:1.3rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s533 { font-size:.95rem;font-weight:700;color:rgba(241,245,249,0.95);margin:0 0 .4rem; }
.t26-s534 { font-size:.82rem;color:var(--t26-muted);line-height:1.65;margin:0; }
.t26-s535 { --bd:.3s; }
.t26-s536 { display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center; }
.t26-s537 { color:var(--t26-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.75rem; }
.t26-s538 { display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2rem; }
.t26-s539 { display:flex;gap:.85rem;align-items:flex-start; }
.t26-d17-w { width: var(--t26-d17-w); }
.t26-s540 { font-size:.9rem;display:block;margin-bottom:.15rem; }
.t26-s541 { color:var(--t26-muted);font-size:.83rem;margin:0;line-height:1.6; }
.t26-s542 { --bd:.16s; }
.t26-s543 { display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem; }
.t26-s544 { display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:1rem 1.2rem; }
.t26-s545 { border-radius:50%;border:2px solid rgba(255,255,255,0.14);object-fit:cover; }
.t26-s546 { position:absolute;bottom:0;right:0;width:18px;height:18px;background:#1DB954;border-radius:50%;border:1.5px solid var(--t26-bg);display:flex;align-items:center;justify-content:center; }
.t26-s547 { color:#fff;font-size:.48rem; }
.t26-s548 { flex:1;min-width:0; }
.t26-s549 { font-size:.9rem;font-weight:700;color:rgba(241,245,249,0.95);margin:0 0 .1rem; }
.t26-s550 { font-size:.75rem;color:var(--t26-muted);margin:0; }
.t26-s551 { font-size:.74rem;padding:.35rem .9rem; }
.t26-s552 { display:flex;align-items:center;gap:1rem;background:rgba(124,58,237,0.06);border:1px solid rgba(124,58,237,0.3);border-radius:16px;padding:1rem 1.2rem;flex-wrap:wrap; }
.t26-s553 { position:absolute;bottom:0;right:0;width:18px;height:18px;background:#F43F5E;border-radius:50%;border:1.5px solid var(--t26-bg);display:flex;align-items:center;justify-content:center; }
.t26-s554 { display:flex;flex-direction:column;gap:.35rem;width:100%; }
.t26-s555 { font-size:.73rem;padding:.3rem .9rem;justify-content:center; }
.t26-s556 { position:absolute;bottom:0;right:0;width:18px;height:18px;background:#10B981;border-radius:50%;border:1.5px solid var(--t26-bg);display:flex;align-items:center;justify-content:center; }
.t26-s557 { color:#fff;font-size:.42rem; }
.t26-s558 { display:inline-flex;align-items:center;gap:.4rem;background:rgba(16,185,129,0.18);border:1px solid rgba(16,185,129,0.38);border-radius:8px;padding:.35rem .9rem;color:#10B981;font-size:.73rem;font-weight:600;text-decoration:none; }
.t26-s559 { color:var(--t26-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase; }
.t26-s560 { display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem; }
.t26-s561 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:50px;padding:.3rem .85rem;font-size:.77rem;color:var(--t26-muted); }
.t26-s562 { padding:1rem 1.2rem;border-top:1px solid var(--t26-border);display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center; }
.t26-s563 { font-size:1.1rem; }
.t26-s564 { color:var(--t26-muted);font-size:.67rem; }
.t26-s565 { color:#10B981;font-weight:700;font-size:1.1rem; }
.t26-s566 { color:var(--t26-cyan);font-weight:700;font-size:1.1rem; }
.t26-s567 { color:#F59E0B;font-weight:700;font-size:1.1rem; }
.t26-s568 { display:flex;justify-content:center;gap:3rem; }
.t26-s569 { display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.75rem; }
.t26-s570 { display:flex;align-items:flex-start;gap:.5rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:.6rem .7rem; }
.t26-d18-c { color: var(--t26-d18-c); }
.t26-s571 { font-size:.79rem;font-weight:600;color:rgba(241,245,249,0.9);margin:0 0 .08rem; }
.t26-s572 { font-size:.71rem;color:var(--t26-muted);margin:0; }
.t26-s573 { color:rgba(241,245,249,0.45);max-width:540px;margin:.75rem auto 1.5rem;font-size:.95rem;line-height:1.7; }
.t26-s574 { display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem;margin-bottom:2.5rem; }
.t26-d19-c { color: var(--t26-d19-c); }
.t26-s575 { font-size:.72rem;font-weight:600;color:rgba(241,245,249,0.65); }
.t26-s576 { display:block;position:absolute;top:-6px;right:-4px;background:linear-gradient(135deg,#F43F5E,#F59E0B);color:#fff;font-size:.58rem;font-weight:700;padding:.14rem .38rem;border-radius:4px;text-transform:uppercase; }
.t26-s577 { display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem; }
.t26-s578 { --bd:.1s;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:1.25rem 1rem;text-align:center; }
.t26-d20-w { width: var(--t26-d20-w); }
.t26-d21-c { color: var(--t26-d21-c); }
.t26-s579 { font-size:.88rem;font-weight:700;color:rgba(241,245,249,0.9);margin:0 0 .3rem; }
.t26-s580 { font-size:.78rem;color:var(--t26-muted);margin:0;line-height:1.5; }
.t26-s581 { background:var(--t26-bg2);padding:5rem 0;position:relative;overflow:hidden; }
.t26-s582 { position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 15% 50%,rgba(124,58,237,0.07) 0%,transparent 60%),radial-gradient(ellipse 55% 80% at 85% 50%,rgba(6,182,212,0.07) 0%,transparent 60%);pointer-events:none; }
.t26-s583 { --st-d:0s; }
.t26-s584 { --si1:rgba(124,58,237,0.18);--si2:rgba(124,58,237,0.08); }
.t26-s585 { --sg1:#7C3AED;--sg2:#06B6D4; }
.t26-s586 { --sbw:78%; }
.t26-s587 { --st-d:.1s; }
.t26-s588 { --si1:rgba(16,185,129,0.18);--si2:rgba(16,185,129,0.08); }
.t26-s589 { --sg1:#10B981;--sg2:#34D399; }
.t26-s590 { --sbw:55%; }
.t26-s591 { --st-d:.2s; }
.t26-s592 { --si1:rgba(6,182,212,0.18);--si2:rgba(6,182,212,0.08); }
.t26-s593 { --sg1:#06B6D4;--sg2:#38BDF8; }
.t26-s594 { --sbw:90%; }
.t26-s595 { --st-d:.3s; }
.t26-s596 { --si1:rgba(245,158,11,0.18);--si2:rgba(245,158,11,0.08); }
.t26-s597 { --sg1:#F59E0B;--sg2:#FCD34D; }
.t26-s598 { --sbw:88%; }
.t26-s599 { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem; }
.t26-s600 { --bd:.08s;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:1.5rem; }
.t26-s601 { display:flex;gap:.2rem;margin-bottom:.75rem; }
.t26-s602 { color:#F59E0B;font-size:.78rem; }
.t26-s603 { font-size:.85rem;color:rgba(241,245,249,0.8);line-height:1.7;margin:0 0 1.25rem;font-style:italic; }
.t26-s604 { display:flex;align-items:center;gap:.75rem; }
.t26-s605 { border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1); }
.t26-s606 { font-size:.85rem;font-weight:700;color:rgba(241,245,249,0.95);margin:0 0 .1rem; }
.t26-s607 { font-size:.74rem;color:var(--t26-muted);margin:0; }
.t26-d22-c { color: var(--t26-d22-c); }
.t26-s608 { background:var(--t26-bg2);padding:6rem 0;position:relative;overflow:hidden; }
.t26-s609 { position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(13,13,43,1) 0%,rgba(7,7,26,1) 100%);border:1px solid rgba(255,255,255,0.07);padding:22px 28px; }
.t26-s610 { position:absolute;width:280px;height:280px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-120px;right:-40px;opacity:.15;border-radius:50%;animation:orbFloat 9s ease-in-out infinite;pointer-events:none; }
.t26-s611 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:14px;padding:14px;flex-shrink:0; }
.t26-s612 { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.t26-s613 { color:var(--t26-muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s614 { padding:8px 16px;border-radius:9px;font-size:.85rem; }
.t26-s615 { padding:8px 18px;border-radius:9px;font-size:.85rem;text-decoration:none; }
.t26-s616 { gap:3px;scrollbar-width:none; }
.t26-s617 { border-bottom:1px solid rgba(255,255,255,.07); }
.t26-s618 { font-size:.6rem;color:#fff; }
.t26-s619 { font-size:.75rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:2px; }
.t26-s620 { font-size:.85rem;color:var(--t26-text);font-weight:500; }
.t26-s621 { padding:4px 12px;border-radius:7px;font-size:.75rem; }
.t26-s622 { display:flex;gap:8px;align-items:stretch; }
.t26-s623 { flex-shrink:0;min-width:140px;max-width:220px; }
.t26-s624 { display:flex;align-items:center;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:9px;padding:0 12px;color:var(--t26-muted);font-size:.85rem;flex-shrink:0; }
.t26-s625 { color:var(--t26-muted);font-size:.75rem;margin-top:5px;display:block; }
.t26-s626 { color:#fff;font-size:.85rem; }
.t26-s627 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px; }
.t26-s628 { font-size:.78rem;color:var(--t26-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600;margin:0 0 14px; }
.t26-s629 { width:100%; }
.t26-s630 { padding:0 22px;border-radius:9px;height:42px;font-weight:600;font-size:.875rem; }
.t26-s631 { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:12px;min-height:60px; }
.t26-s632 { color:var(--t26-muted);cursor:grab; }
.t26-s633 { background:rgba(255,255,255,0.08);border-radius:8px;padding:8px 12px; }
.t26-s634 { padding:16px;text-align:center;display:block; }
.t26-s635 { font-size:1.4rem;color:var(--t26-text); }
.t26-s636 { font-size:.72rem;color:var(--t26-muted);font-weight:600; }
.t26-s637 { height:100px;text-align:center; }
.t26-s638 { font-size:.72rem;font-weight:600;color:var(--t26-muted);padding-bottom:6px; }
.t26-d23-h { height: var(--t26-d23-h); }
.t26-s639 { color:var(--t26-muted);font-size:1.5rem; }
.t26-d24-bd { border: var(--t26-d24-bd); }
.t26-s640 { padding:7px 14px;border-radius:8px;font-size:.82rem; }
.t26-s641 { color:var(--t26-muted);display:block;font-size:.76rem;margin-top:4px; }
.t26-d25-h { height: var(--t26-d25-h); }
.t26-s642 { font-size:1.3rem;color:var(--t26-muted); }
.t26-s643 { font-size:.75rem;color:var(--t26-muted);margin:4px 0 0; }
.t26-d26-h { height: var(--t26-d26-h); }
.t26-d27-c { color: var(--t26-d27-c); }
.t26-s644 { background:rgba(0,0,0,0.7);border-radius:8px; }
.t26-s645 { height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px; }
.t26-s646 { font-size:1.3rem;color:var(--t26-text);line-height:1; }
.t26-s647 { font-size:.65rem;color:var(--t26-muted); }
.t26-s648 { border:1px solid rgba(255,255,255,0.1);border-radius:10px; }
.t26-s649 { font-size:1.6rem;color:var(--t26-muted);margin-bottom:8px;display:block; }
.t26-s650 { color:var(--t26-text);font-size:.85rem;font-weight:500; }
.t26-s651 { color:var(--t26-muted);font-size:.75rem;margin-top:4px; }
.t26-s652 { padding:14px 8px 10px;text-align:center;display:block;cursor:pointer; }
.t26-d28-c { color: var(--t26-d28-c); }
.t26-s653 { height:1px;background:var(--t26-border);margin-bottom:18px; }
.t26-s654 { color:var(--t26-primary-light);font-size:.8rem; }
.t26-s655 { color:var(--t26-cyan);font-size:.8rem; }
.t26-s656 { background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s657 { color:#34D399;font-size:.9rem; }
.t26-s658 { flex:1; }
.t26-s659 { color:var(--t26-text);font-size:.875rem;margin:0; }
.t26-s660 { color:var(--t26-muted);display:block;font-size:.76rem; }
.t26-s661 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s662 { color:#A78BFA;font-size:.9rem; }
.t26-s663 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s664 { color:#22D3EE;font-size:.9rem; }
.t26-s665 { background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s666 { color:#F87171;font-size:.9rem; }
.t26-s667 { background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);border-radius:9px;padding:8px 10px;margin-right:14px;flex-shrink:0; }
.t26-s668 { color:#FBBF24;font-size:.9rem; }
.t26-s669 { color:var(--t26-muted);font-size:.75rem;margin-top:4px;display:block; }
.t26-s670 { color:var(--t26-muted);font-size:.9rem; }
.t26-s671 { font-size:.82rem;font-weight:600;color:var(--t26-text); }
.t26-s672 { padding:9px 22px;border-radius:9px;font-size:.85rem;font-weight:600; }
.t26-s673 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:10px;position:relative; }
.t26-s674 { background:rgba(0,0,0,0.3);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.4); }
.t26-s675 { background:rgba(255,255,255,0.04);padding:8px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-s676 { display:flex;gap:5px; }
.t26-s677 { width:8px;height:8px;border-radius:50%;background:rgba(239,68,68,0.5);display:inline-block; }
.t26-s678 { width:8px;height:8px;border-radius:50%;background:rgba(245,158,11,0.5);display:inline-block; }
.t26-s679 { width:8px;height:8px;border-radius:50%;background:rgba(16,185,129,0.5);display:inline-block; }
.t26-s680 { flex:1;background:rgba(255,255,255,0.05);border-radius:5px;padding:3px 10px;font-size:.7rem;color:var(--t26-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s681 { width:100%;height:520px;border:none;display:block;background:#fff; }
.t26-s682 { width:44px;height:44px;border-radius:12px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s683 { font-size:1.1rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s684 { padding:10px 20px;border-radius:10px;font-size:.875rem;font-weight:600; }
.t26-s685 { overflow:visible;position:relative;z-index:10; }
.t26-s686 { display:flex;align-items:center;gap:8px; }
.t26-s687 { width:32px;height:32px;border-radius:8px;background:rgba(124,58,237,0.12);display:flex;align-items:center;justify-content:center; }
.t26-s688 { font-size:.75rem;color:#A78BFA; }
.t26-s689 { font-size:1rem;font-weight:700;color:var(--t26-text);line-height:1; }
.t26-s690 { font-size:.65rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.04em; }
.t26-s691 { width:1px;height:28px;background:rgba(255,255,255,0.08); }
.t26-s692 { width:32px;height:32px;border-radius:8px;background:rgba(6,182,212,0.1);display:flex;align-items:center;justify-content:center; }
.t26-s693 { font-size:.75rem;color:#22D3EE; }
.t26-s694 { display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:9px;padding:7px 12px; }
.t26-s695 { color:var(--t26-muted);font-size:.75rem;flex-shrink:0; }
.t26-s696 { background:transparent;border:none;color:var(--t26-text);outline:none;font-size:.83rem;width:130px; }
.t26-s697 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--t26-text);border-radius:9px;padding:7px 12px;font-size:.83rem;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap; }
.t26-s698 { border:none;background:rgba(0,0,0,0.45);border-radius:8px;width:30px;height:30px;backdrop-filter:blur(8px); }
.t26-s699 { font-size:.7rem;color:#fff; }
.t26-s700 { margin:5px 0;border-color:rgba(255,255,255,.07); }
.t26-s701 { color:inherit;opacity:.7;text-decoration:none;margin-left:2px; }
.t26-s702 { color:var(--t26-muted);font-size:.7rem; }
.t26-s703 { border-radius:20px; }
.t26-s704 { width:72px;height:72px;border-radius:20px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px; }
.t26-s705 { color:var(--t26-muted);font-size:.875rem;margin-bottom:20px; }
.t26-s706 { padding:10px 24px;border-radius:10px;font-size:.875rem;font-weight:600; }
.t26-s707 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden; }
.t26-s708 { border-bottom:1px solid rgba(255,255,255,0.07);padding:20px 24px; }
.t26-s709 { color:var(--t26-muted);font-weight:400;font-size:.75rem; }
.t26-s710 { width:36px;height:36px;border-radius:9px;background:rgba(124,58,237,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s711 { color:var(--t26-text);font-size:.88rem;display:block; }
.t26-s712 { flex-direction:column;align-items:flex-start; }
.t26-s713 { max-height:100px;object-fit:cover;border:1px solid rgba(255,255,255,0.08); }
.t26-s714 { color:var(--t26-text);font-size:.88rem; }
.t26-s715 { border-top:1px solid rgba(255,255,255,0.07);padding:16px 24px;gap:10px; }
.t26-s716 { background:var(--t26-bg);padding:5rem 0 5rem;position:relative;overflow:hidden; }
.t26-s717 { opacity:.35;top:5%;left:60%; }
.t26-s718 { opacity:.2;top:70%;left:-5%; }
.t26-d29-w { width: var(--t26-d29-w); }
.t26-s719 { font-size:.65rem;color:#fff; }
.t26-s720 { position:absolute;top:-16px;right:-130px;background:rgba(10,10,32,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.45rem .85rem;display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:rgba(241,245,249,0.9);animation:bio-float 4s ease-in-out infinite;z-index:3;white-space:nowrap; }
.t26-s721 { position:absolute;bottom:10px;right:-130px;background:rgba(10,10,32,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.45rem .85rem;display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:rgba(241,245,249,0.9);animation:bio-float 4s ease-in-out infinite;animation-delay:2s;z-index:3;white-space:nowrap; }
.t26-s722 { position:absolute;top:30%;left:-145px;background:rgba(10,10,32,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.45rem .85rem;display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;animation:bio-float 4s ease-in-out infinite;animation-delay:1.1s;z-index:3;white-space:nowrap; }
.t26-s723 { width:7px;height:7px;border-radius:50%;background:#10B981;display:inline-block;animation:pulse-dot 1.6s ease-in-out infinite; }
.t26-s724 { color:rgba(241,245,249,0.9); }
.t26-s725 { background:rgba(13,13,43,0.9);border:1px solid rgba(255,255,255,0.12);border-radius:24px;padding:2rem;display:inline-block;position:relative;z-index:2; }
.t26-s726 { background:#fff;border-radius:16px;padding:1.2rem;display:inline-block;margin-bottom:1rem; }
.t26-s727 { font-size:.88rem;margin-bottom:.25rem; }
.t26-s728 { color:var(--t26-muted);font-size:.72rem; }
.t26-s729 { display:flex;gap:.4rem;margin-top:.85rem;justify-content:center; }
.t26-s730 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.25);border-radius:6px;padding:.25rem .65rem;font-size:.68rem;font-weight:700;color:var(--t26-primary-light); }
.t26-s731 { opacity:.15;top:20%;right:-5%; }
.t26-s732 { font-size:clamp(1.8rem,3.5vw,2.4rem); }
.t26-s733 { color:var(--t26-muted);max-width:540px;margin:0 auto;line-height:1.8; }
.t26-s734 { max-width:300px; }
.t26-s735 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);color:var(--t26-primary-light);border-radius:8px;font-size:.8rem;padding:.4rem .9rem; }
.t26-s736 { border-top:1px solid var(--t26-border);padding-top:1rem;margin-top:.5rem; }
.t26-s737 { color:var(--t26-primary-light); }
.t26-s738 { border:1px solid var(--t26-border);border-radius:10px;padding:1rem;margin-bottom:.75rem; }
.t26-s739 { font-size:.875rem;font-weight:700;margin-bottom:.75rem; }
.t26-s740 { max-width:260px; }
.t26-s741 { height:42px; }
.t26-s742 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:8px;padding:.75rem;margin-top:.75rem;font-size:.8rem;color:var(--t26-cyan); }
.t26-s743 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.3);border-radius:10px; }
.t26-s744 { background:rgba(255,255,255,0.1);border-radius:8px;padding:.4rem 1rem;color:var(--t26-text);font-weight:600;font-size:.85rem; }
.t26-s745 { border:1px solid var(--t26-border);border-radius:10px;padding:1rem; }
.t26-s746 { justify-content:center; }
.t26-s747 { font-size:.95rem; }
.t26-s748 { background:rgba(255,255,255,0.05);border:1px solid var(--t26-border);border-radius:12px;padding:.75rem; }
.t26-s749 { background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.2);border-radius:8px;padding:.75rem;margin-top:.75rem;font-size:.75rem;color:var(--t26-muted); }
.t26-s750 { border-color:var(--t26-border);margin:1.25rem 0; }
.t26-s751 { font-size:.9rem; }
.t26-s752 { list-style:none;padding:0;margin:0 0 1rem;font-size:.8rem; }
.t26-s753 { color:#10B981;margin-right:.4rem; }
.t26-s754 { justify-content:center;font-size:.875rem; }
.t26-s755 { background:var(--t26-bg);padding:5rem 0;position:relative;overflow:hidden; }
.t26-s756 { opacity:.2;top:30%;left:-3%; }
.t26-s757 { color:var(--t26-muted);max-width:520px;margin:0 auto;line-height:1.8; }
.t26-d30-w { width: var(--t26-d30-w); }
.t26-s758 { color:var(--t26-muted);font-size:.82rem;line-height:1.65;margin:0; }
.t26-s759 { opacity:.15;top:50%;right:-4%; }
.t26-s760 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:1.8rem;height:100%;transition:transform .3s,border-color .3s; }
.t26-s761 { width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem; }
.t26-s762 { color:var(--t26-muted);font-size:.85rem;line-height:1.7;margin:0; }
.t26-s763 { background:var(--t26-bg);padding:5rem 0; }
.t26-s764 { font-size:clamp(1.6rem,3.5vw,2.2rem); }
.t26-s765 { color:var(--t26-muted);line-height:1.8;margin-bottom:1.75rem; }
.t26-s766 { display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem; }
.t26-s767 { display:flex;align-items:flex-start;gap:.85rem; }
.t26-s768 { width:34px;height:34px;border-radius:9px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem; }
.t26-s769 { font-size:.8rem;color:var(--t26-primary-light); }
.t26-s770 { color:rgba(241,245,249,0.85);font-size:.9rem;line-height:1.6; }
.t26-s771 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:2.5rem;display:inline-block; }
.t26-s772 { margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.07); }
.t26-s773 { color:var(--t26-muted);font-size:.72rem;margin-top:.2rem; }
.t26-s774 { border-top:1px solid rgba(255,255,255,0.07); }
.t26-s775 { color:var(--t26-muted);line-height:1.8;margin-bottom:1.5rem; }
.t26-s776 { list-style:none;padding:0;margin:0 0 2rem;font-size:.9rem; }
.t26-s777 { color:#10B981;margin-right:.5rem; }
.t26-s778 { border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,0.08); }
.t26-s779 { background:var(--t26-bg2);padding:4rem 0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-s780 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:1.8rem 1rem; }
.t26-s781 { font-size:2rem;line-height:1.1;margin-bottom:.4rem; }
.t26-s782 { opacity:.18;top:20%;right:10%; }
.t26-s783 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:1.8rem;height:100%; }
.t26-s784 { display:flex;gap:.2rem;margin-bottom:1rem; }
.t26-s785 { color:#F59E0B;font-size:.75rem; }
.t26-s786 { color:rgba(241,245,249,0.85);font-size:.9rem;line-height:1.75;margin-bottom:1.25rem; }
.t26-s787 { display:flex;align-items:center;gap:.75rem;border-top:1px solid rgba(255,255,255,0.06);padding-top:1.1rem; }
.t26-d31-w { width: var(--t26-d31-w); }
.t26-s788 { position:absolute;inset:0;pointer-events:none; }
.t26-s789 { font-size:clamp(1.8rem,4vw,2.8rem); }
.t26-s790 { color:var(--t26-muted);max-width:500px;margin:0 auto 2.5rem;line-height:1.8; }
.t26-s791 { display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem; }
.t26-s792 { font-size:1rem;padding:.85rem 2.2rem; }
.t26-s793 { display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center; }
.t26-s794 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:50px;padding:.3rem .9rem;font-size:.78rem;color:rgba(241,245,249,0.8); }
.t26-s795 { background:var(--t26-bg);display:flex;align-items:flex-start;min-height:calc(100vh - 200px); }
.api-doc-sidebar{width:240px;flex-shrink:0;position:sticky;top:70px;max-height:calc(100vh - 70px);overflow-y:auto;background:var(--t26-bg2);border-right:1px solid rgba(255,255,255,.06);padding:16px 10px;display:flex!important;flex-direction:column;align-self:flex-start}
.api-doc-sidebar a,.api-doc-sidebar .section-title{display:flex!important;align-items:center;justify-content:space-between;padding:7px 12px;border-radius:8px;font-size:.83rem;color:var(--t26-muted);text-decoration:none;cursor:pointer;transition:background .18s,color .18s;border:none;background:none;width:100%!important;box-sizing:border-box;text-align:left;line-height:1.4;flex-shrink:0}
.api-doc-sidebar a:hover,.api-doc-sidebar .section-title:hover{background:rgba(124,58,237,.1)!important;color:var(--t26-text)!important}
.api-doc-sidebar .section-title{font-weight:600;font-size:.8rem;color:var(--t26-text);margin-top:4px}
.api-doc-sidebar .collapse a,.api-doc-sidebar .collapsing a{padding:5px 12px 5px 22px!important;font-size:.78rem;border-left:2px solid rgba(124,58,237,.2);margin-left:8px;width:calc(100% - 8px)!important;border-radius:0 6px 6px 0}
.api-doc-sidebar .collapse a:hover,.api-doc-sidebar .collapsing a:hover{border-left-color:rgba(124,58,237,.6)}
.api-doc-sidebar .sidebar-divider{height:1px;background:rgba(255,255,255,.07);margin:10px 4px;flex-shrink:0}
.code-block{background:#0D0D1F;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;font-size:.8rem}
.code-block-header{display:flex;align-items:center;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.08);gap:4px}
.code-lang-btn{padding:3px 10px;border-radius:5px;font-size:.75rem;color:var(--t26-muted);text-decoration:none;transition:background .15s,color .15s}
.code-lang-btn.active,.code-lang-btn:hover{background:rgba(124,58,237,.2);color:#A78BFA}
.code-block pre{margin:0;padding:14px 16px;overflow-x:auto}
.code-block code{font-size:.78rem;line-height:1.6}
.endpoint-card{border:1px solid rgba(255,255,255,.07);border-radius:12px;margin-bottom:1.5rem;overflow:hidden;background:rgba(255,255,255,.025)}
.endpoint-card-header{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap;background:rgba(255,255,255,.02)}
.endpoint-card-body{padding:18px}
.method-badge{padding:3px 9px;border-radius:5px;font-size:.72rem;font-weight:700;letter-spacing:.3px}
.method-get{background:rgba(16,185,129,.15);color:#10B981;border:1px solid rgba(16,185,129,.25)}
.method-post{background:rgba(59,130,246,.15);color:#60A5FA;border:1px solid rgba(59,130,246,.25)}
.method-put{background:rgba(245,158,11,.15);color:#FBBF24;border:1px solid rgba(245,158,11,.25)}
.method-delete{background:rgba(239,68,68,.15);color:#F87171;border:1px solid rgba(239,68,68,.25)}
.params-table{width:100%;border-collapse:collapse;font-size:.82rem}
.params-table th{color:var(--t26-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.params-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--t26-muted);vertical-align:top}
.section-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:2.5rem 0}
.api-key-box{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.2);border-radius:10px;padding:16px}
.api-key-box pre{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:12px;font-size:.8rem;color:#A78BFA;margin:.75rem 0 0;word-break:break-all;white-space:pre-wrap}
.alert-t26-warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:10px 14px;font-size:.83rem;color:#FBBF24;margin:.5rem 0}
.alert-t26-info{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.2);border-radius:8px;padding:10px 14px;font-size:.83rem;color:#67E8F9;margin:.5rem 0}
.code-selector{display:none}.code-selector.active{display:block}
.t26-s796 { padding:8px 12px 12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--t26-muted); }
.t26-s797 { display:flex;align-items:center;gap:5px; }
.t26-s798 { background:rgba(16,185,129,0.2);color:#10B981;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700; }
.t26-s799 { padding:4px 12px 6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--t26-muted); }
.t26-s800 { font-size:.65rem;color:var(--t26-muted);flex-shrink:0; }
.t26-s801 { flex:1;padding:2.5rem 2.5rem;overflow-x:hidden;min-width:0; }
.t26-s802 { margin-bottom:3.5rem; }
.t26-s803 { font-size:1.35rem; }
.t26-s804 { font-size:1rem;display:flex;align-items:center;gap:.5rem; }
.t26-s805 { color:var(--t26-muted);line-height:1.8; }
.t26-s806 { font-weight:600;margin:0;font-size:.875rem; }
.t26-s807 { background:rgba(244,63,94,0.15);border:1px solid rgba(244,63,94,0.3);color:#F43F5E;border-radius:8px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none; }
.t26-s808 { display:flex;gap:.35rem;flex-wrap:wrap; }
.t26-s809 { background:none;border:none;color:var(--t26-muted);padding:.25rem; }
.t26-s810 { margin-bottom:2rem; }
.t26-s811 { color:var(--t26-muted);line-height:2; }
.t26-s812 { margin-bottom:1.75rem; }
.t26-s813 { color:var(--t26-muted);font-size:.9rem;line-height:2; }
.t26-s814 { margin:0;padding:1rem;font-size:.8rem;color:#e2e8f0; }
.t26-s815 { color:var(--t26-muted);font-size:.9rem;margin-top:.75rem; }
.t26-s816 { margin:2.5rem 0 .5rem;display:flex;align-items:center;gap:.6rem; }
.t26-s817 { color:var(--t26-muted);margin-bottom:2rem; }
.t26-s818 { font-size:.85rem;color:var(--t26-text); }
.t26-s819 { overflow-x:auto;margin-top:1rem; }
.t26-s820 { margin:1.25rem 0 .5rem;font-size:.85rem;color:var(--t26-muted); }
.t26-s821 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.3);border-radius:10px;padding:8px 16px;cursor:pointer;min-width:220px;gap:8px;transition:background .2s,border-color .2s;position:relative;overflow:hidden; }
.t26-s821::before { content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(124,58,237,0.06),transparent);transform:translateX(-100%);animation:qs-shimmer 3s ease-in-out infinite; }
@keyframes qs-shimmer { 0%{transform:translateX(-100%)} 50%,100%{transform:translateX(100%)} }
.t26-s821:hover { background:rgba(124,58,237,0.14);border-color:rgba(124,58,237,0.5); }
.t26-s822 { color:rgba(241,245,249,0.7);font-size:.85rem;flex:1; }
.t26-s823 { display:flex;gap:4px;align-items:center; }
.t26-s824 { background:rgba(124,58,237,0.2);border:1px solid rgba(124,58,237,0.45);border-radius:5px;padding:2px 7px;font-size:.7rem;color:#C4B5FD;font-weight:600;font-family:inherit; }
.t26-s825 { font-size:.8rem;padding:6px 14px;border-radius:8px;text-decoration:none; }
.t26-s826 { border:none;background:transparent; }
.t26-s827 { min-width:320px;background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:0;overflow:hidden; }
.t26-s828 { padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.08);font-weight:600;font-size:.85rem;color:var(--t26-text); }
.t26-s829 { max-height:320px;overflow-y:auto; }
.t26-s830 { padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.05);font-size:.83rem;color:var(--t26-muted); }
.t26-s831 { font-size:.75rem;margin-top:4px;opacity:.6; }
.t26-s832 { padding:10px 16px;border-top:1px solid rgba(255,255,255,0.08);text-align:center; }
.t26-s833 { font-size:.82rem;color:var(--t26-accent);text-decoration:none; }
.t26-s834 { text-decoration:none; }
.t26-s835 { font-size:.85rem;color:#F59E0B; }
.t26-s836 { min-width:260px;background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:8px 0;overflow:hidden; }
.t26-s837 { padding:8px 14px;font-size:.75rem;font-weight:600;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.06em; }
.t26-s838 { padding:10px 14px;color:var(--t26-text);text-decoration:none; }
.t26-s839 { width:32px;height:32px;object-fit:cover; }
.t26-s840 { font-size:.83rem;font-weight:600; }
.t26-s841 { font-size:.75rem;color:var(--t26-accent); }
.t26-s842 { border:none;background:transparent;cursor:pointer;padding:4px 8px;border-radius:10px;transition:background .2s; }
.t26-s843 { width:32px;height:32px;object-fit:cover;border:2px solid rgba(124,58,237,0.4); }
.t26-s844 { font-size:.85rem;font-weight:500;color:var(--t26-text); }
.t26-s845 { min-width:220px;background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:8px 0;overflow:hidden; }
.t26-s846 { padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,0.07); }
.t26-s847 { width:36px;height:36px;object-fit:cover; }
.t26-s848 { margin-top:8px; }
.t26-s849 { font-size:.72rem;color:#10B981;font-weight:600; }
.t26-s850 { padding:9px 14px;font-size:.83rem;color:var(--t26-text);text-decoration:none; }
.t26-s851 { width:16px;color:var(--t26-muted); }
.t26-s852 { height:1px;background:rgba(255,255,255,0.07);margin:4px 0; }
.t26-s853 { padding:9px 14px;font-size:.83rem;color:#F87171;text-decoration:none; }
.t26-s854 { width:16px; }
.t26-s855 { background:transparent;color:var(--t26-text);padding:14px 16px;font-size:.95rem;box-shadow:none; }
.t26-s856 { background:transparent;color:var(--t26-text);padding:14px 16px;font-size:.95rem;box-shadow:none;resize:none; }
.t26-s857 { background:var(--t26-gradient);border:none;color:#fff;padding:10px 22px;border-radius:10px;font-weight:600;font-size:.9rem;white-space:nowrap;cursor:pointer;flex-shrink:0; }
.t26-s858 { border:1px solid rgba(255,255,255,0.1);border-radius:8px;overflow:hidden; }
.t26-s859 { padding:6px 16px;font-size:.8rem;background:rgba(124,58,237,0.3);color:var(--t26-text);border:none; }
.t26-s860 { padding:6px 16px;font-size:.8rem;background:transparent;color:var(--t26-muted);border:none; }
.t26-s861 { width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--t26-text);border-radius:10px;font-weight:500;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .15s,border-color .15s; }
.t26-s862 { font-size:.65rem;opacity:.6;margin-left:4px;transition:transform .2s; }
.t26-s863 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:6px 0; }
.t26-s864 { border:1px solid rgba(255,255,255,0.1); }
.t26-s865 { padding:8px 16px;border-radius:8px;cursor:pointer; }
.t26-s866 { font-size:.78rem; }
.t26-s867 { background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);color:var(--t26-muted); }
.t26-s868 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);font-size:.82rem;color:var(--t26-text); }
.t26-s869 { padding:10px 20px;border-radius:10px;font-weight:600;font-size:.9rem;white-space:nowrap; }
.t26-s870 { max-width:460px; }
.t26-s871 { padding:20px 24px 0; }
.t26-s872 { width:38px;height:38px;border-radius:50%;background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-s873 { color:#10b981;font-size:.85rem; }
.t26-s874 { border:none;background:rgba(255,255,255,0.06);border-radius:8px;flex-shrink:0; }
.t26-s875 { padding:20px 24px 24px; }
.t26-s876 { background:rgba(124,58,237,0.08);border:1.5px solid rgba(124,58,237,0.35);border-radius:12px;padding:13px 16px;color:var(--t26-text);cursor:pointer;gap:10px;transition:background .2s,border-color .2s;text-align:left; }
.t26-s877 { color:#7C3AED;flex-shrink:0;font-size:.85rem; }
.t26-s878 { flex:1;font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-s879 { font-size:.75rem;font-weight:600;color:#7C3AED;white-space:nowrap;background:rgba(124,58,237,0.15);padding:4px 10px;border-radius:6px; }
.t26-s880 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:16px; }
.t26-s881 { display:flex;justify-content:center; }
.t26-s882 { flex:1;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:10px 14px;color:var(--t26-text);text-decoration:none;font-size:.83rem;transition:background .2s; }
.t26-s883 { height:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:var(--t26-text);padding:10px 14px;font-size:.83rem;font-weight:600;cursor:pointer;white-space:nowrap; }
.t26-s884 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;min-width:90px; }
.t26-s885 { color:var(--t26-text);font-size:.83rem; }
.t26-s886 { font-size:.72rem;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600; }
.t26-s887 { max-width:100%;max-height:400px;border-radius:8px; }
.t26-s888 { position:sticky;top:0;z-index:1000;background:#0a0a1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease; }
.t26-s889 { background:linear-gradient(135deg,#A78BFA 0%,#38BDF8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s890 { color:#B8BDC8;background:rgba(255,255,255,0.06);border-radius:8px;padding:.4rem .6rem; }
.t26-s891 { color:#C8CDD6;font-weight:500;font-size:.9rem;padding:.5rem .8rem;border-radius:8px;transition:all 0.2s; }
.t26-s892 { min-width:280px; }
.t26-s893 { width:36px;height:36px;background:linear-gradient(135deg,rgba(124,58,237,0.3),rgba(6,182,212,0.3)); }
.t26-s894 { color:rgba(241,245,249,0.5);font-size:.75rem; }
.t26-s895 { width:36px;height:36px;background:linear-gradient(135deg,rgba(6,182,212,0.3),rgba(124,58,237,0.3)); }
.t26-s896 { color:#38BDF8;font-size:.85rem; }
.t26-s897 { width:36px;height:36px;background:rgba(124,58,237,0.2); }
.t26-s898 { width:36px;height:36px;background:rgba(6,182,212,0.2); }
.t26-s899 { color:rgba(241,245,249,0.6);font-size:.85rem; }
.t26-s900 { border:2px solid rgba(124,58,237,0.5); }
.t26-s901 { min-width:200px; }
.t26-s902 { color:rgba(241,245,249,0.4);font-size:.85rem; }
.t26-s903 { border-color:rgba(255,255,255,0.08);margin:.5rem 0; }
.t26-s904 { color:#F43F5E!important; }
.t26-s905 { color:#C8CDD6;font-weight:500;font-size:.9rem;padding:.45rem 1rem;border:1.5px solid rgba(255,255,255,0.12);border-radius:8px;background:transparent;transition:all 0.2s;text-decoration:none; }
.t26-s906 { padding:.45rem 1.2rem; }
.t26-s907 { border-radius:50%;object-fit:cover;display:block; }
.t26-s908 { font-size:.875rem;font-weight:600;color:var(--t26-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;display:inline-block;vertical-align:middle; }
.t26-s909 { width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2);flex-shrink:0;align-self:center; }
.t26-d32-bg { background: var(--t26-d32-bg); }
.t26-s910 { text-decoration:none;text-align:center; }
.t26-s911 { font-size:.95rem;font-weight:700;color:var(--t26-text);line-height:1; }
.t26-s912 { font-size:.65rem;color:var(--t26-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em; }
.t26-s913 { border:none;background:rgba(255,255,255,0.05);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center; }
.t26-s914 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:6px 0;min-width:185px; }
.t26-s915 { background:rgba(7,7,26,0.9);border-top:1px solid rgba(255,255,255,0.08);padding:60px 0 0; }
.t26-s916 { color:rgba(241,245,249,0.5);font-size:.9rem;line-height:1.7;margin-bottom:1.5rem; }
.t26-s917 { width:36px;height:36px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;display:flex;align-items:center;justify-content:center;color:rgba(241,245,249,0.6);transition:all 0.2s;text-decoration:none;font-size:.85rem; }
.t26-s918 { font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(241,245,249,0.35);margin-bottom:1.25rem; }
.t26-s919 { margin:0; }
.t26-s920 { color:rgba(241,245,249,0.6);font-size:.9rem;text-decoration:none;transition:color 0.2s; }
.t26-s921 { border-top:1px solid rgba(255,255,255,0.08);padding:1.5rem 0; }
.t26-s922 { color:rgba(241,245,249,0.4);font-size:.82rem; }
.t26-s923 { color:rgba(241,245,249,0.6);text-decoration:none;font-weight:600; }
.t26-s924 { color:rgba(241,245,249,0.4);font-size:.82rem;text-decoration:none;padding:.2rem .6rem;border-radius:6px;transition:color 0.2s; }
.t26-s925 { color:rgba(241,245,249,0.4);font-size:.82rem;text-decoration:none;padding:.2rem .6rem;border-radius:6px;cursor:pointer; }
.t26-s926 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,.08);border-radius:12px; }
.t26-s927 { font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);padding:.25rem .5rem .4rem; }
.t26-s928 { font-size:.83rem;color:var(--t26-text); }
.t26-s929 { width:24px;height:24px;border-radius:50%;object-fit:cover; }
.t26-s930 { font-weight:600; }
.t26-s931 { opacity:.5;font-size:.72rem; }
.t26-s932 { display:flex;align-items:center;justify-content:space-between; }
.t26-s933 { color:var(--t26-muted);text-decoration:none;font-size:.65rem;font-weight:600;display:flex;align-items:center;gap:3px;opacity:.7;transition:opacity .15s; }
.t26-d33-bg { background: var(--t26-d33-bg); }
.t26-s934 { flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.t26-s935 { font-size:.6rem;font-weight:700;color:var(--t26-muted);background:rgba(255,255,255,0.07);border-radius:20px;padding:1px 6px;flex-shrink:0; }
.t26-s936 { color:#C4B5FD;font-weight:600; }
.t26-s937 { font-size:.6rem;font-weight:700;color:#7C3AED;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.25);border-radius:20px;padding:1px 7px;flex-shrink:0; }
.t26-s938 { padding:.55rem 1rem;font-size:.85rem;border-radius:8px; }
.t26-s939 { --sd:.05s; }
.t26-s940 { --sd:.1s; }
.t26-s941 { --sd:.15s; }
.t26-d34-mg { margin-bottom: var(--t26-d34-mg); }
.t26-d35-mg { margin-bottom: var(--t26-d35-mg); }
.t26-s942 { --c:rgba(129,140,248,0.7); }
.t26-s943 { color:var(--t26-muted);font-size:.85rem;text-align:center;padding:.75rem 0; }
.t26-s944 { margin-bottom:'+(i<d.links.length-1?'.85rem':'0')+'; }
.t26-s945 { display:flex;align-items:center;justify-content:space-between;margin-bottom:4px; }
.t26-s946 { display:flex;align-items:center;gap:6px;min-width:0;flex:1; }
.t26-s947 { width:7px;height:7px;border-radius:50%;background:'+col+';flex-shrink:0; }
.t26-s948 { font-size:.8rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px; }
.t26-s949 { font-size:.78rem;font-weight:700;color:'+col+';flex-shrink:0;margin-left:8px; }
.t26-s950 { background:rgba(255,255,255,0.06);border-radius:4px;height:5px;overflow:hidden; }
.t26-s951 { height:100%;width:0;border-radius:4px;background:'+col+';transition:width .9s cubic-bezier(.22,.68,0,1.2); }
.t26-s952 { padding:14px 16px 10px; }
.t26-s953 { font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--t26-muted);margin-bottom:10px;text-align:center; }
.t26-s954 { display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:3px; }
.t26-s955 { text-align:center;font-size:.6rem;color:var(--t26-muted);font-weight:700;padding:2px 0; }
.t26-s956 { display:grid;grid-template-columns:repeat(7,1fr);gap:3px; }
.t26-s957 { width:28px;height:28px;border-radius:6px; }
.t26-s958 { font-size:.6rem;font-weight:700;color:'+(intensity>.5?'#fff':'rgba(255,255,255,0.7)')+';line-height:1; }
.t26-s959 { font-size:.45rem;color:'+(intensity>.5?'rgba(255,255,255,0.8)':'#A78BFA')+';line-height:1; }
.t26-s960 { background:' + col + '; }
.t26-s961 { color:' + col + '; }
.t26-s962 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);top:-130px;right:-60px;opacity:.16;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-s963 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-s964 { font-size:1.7rem;color:#22D3EE; }
.t26-s965 { flex:1;min-width:200px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:10px; }
.t26-s966 { color:var(--t26-text);box-shadow:none; }
.t26-s967 { padding:8px 14px;min-width:160px;cursor:pointer;border:none;text-align:left;justify-content:space-between; }
.t26-s968 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:6px 0;min-width:180px;z-index:9999; }
.t26-s969 { padding:9px 20px;border-radius:10px;border:none;cursor:pointer; }
.t26-s970 { overflow:visible; }
.t26-s971 { overflow:visible;border-radius:inherit; }
.t26-s972 { width:1%;color:var(--t26-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;background:transparent;border:none; }
.t26-s973 { color:var(--t26-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;background:transparent;border:none; }
.t26-s974 { background:transparent;border:none; }
.t26-s975 { border-bottom:1px solid rgba(255,255,255,0.04); }
.t26-s976 { padding:14px 20px;border:none;vertical-align:middle; }
.t26-s977 { display:flex;align-items:center;gap:10px; }
.t26-s978 { width:36px;height:36px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center; }
.t26-s979 { opacity:.9; }
.t26-s980 { padding:14px 20px;border:none;vertical-align:middle;color:var(--t26-muted);font-size:.875rem; }
.t26-s981 { padding:14px 20px;border:none;vertical-align:middle;text-align:right; }
.t26-s982 { width:64px;height:64px;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-s983 { font-size:1.5rem;color:#22D3EE; }
.t26-s984 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#F472B6 0%,transparent 70%);bottom:-80px;left:30%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-s985 { flex:1;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:10px; }
.t26-s986 { object-fit:cover;border:2px solid rgba(124,58,237,0.3); }
.t26-s987 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:10px;width:52px;height:52px;display:flex;align-items:center;justify-content:center; }
.t26-s988 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#F472B6 0%,transparent 70%);bottom:-80px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-s989 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:12px;padding:11px;flex-shrink:0; }
.t26-s990 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center; }
.t26-s991 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:150px; }
.t26-s992 { color:var(--t26-text);display:block;margin-bottom:4px;font-size:.95rem; }
.t26-s993 { display:inline-block;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);color:#A78BFA;border-radius:5px;padding:2px 8px;font-size:.73rem;margin-bottom:6px; }
.t26-s994 { overflow-x:auto; }
.t26-s995 { color:var(--t26-text);min-width:600px; }
.t26-s996 { background:rgba(255,255,255,0.02);padding:20px 24px;border:none;width:20%;color:var(--t26-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em; }
.t26-d36-bg { background: var(--t26-d36-bg); }
.t26-s997 { background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700; }
.t26-s998 { background:rgba(124,58,237,0.2);color:#7C3AED;border:1px solid rgba(124,58,237,0.4);border-radius:6px;padding:3px 12px;font-size:.75rem;font-weight:700; }
.t26-s999 { font-size:1.5rem;display:block;margin-bottom:.5rem; }
.t26-s1000 { display:block;font-weight:700;font-size:.95rem;margin-bottom:.75rem;color:var(--t26-text); }
.t26-s1001 { font-size:1.6rem;font-weight:800;margin-bottom:.25rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-s1002 { padding:8px 16px;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:700; }
.t26-s1003 { border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:700;padding:8px 16px;text-align:center; }
.t26-s1004 { border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-s1005 { padding:14px 24px;border:none;color:var(--t26-muted);font-weight:600;font-size:.875rem; }
.t26-s1006 { padding:14px 24px;border:none;text-align:center;font-weight:700;color:var(--t26-text); }
.t26-s1007 { color:#EF4444;opacity:.5; }
.t26-s1008 { padding:14px 24px;border:none;text-align:center; }
.t26-s1009 { padding:14px 24px;border:none; }
.t26-s1010 { padding:14px 24px;border:none;text-align:center;color:var(--t26-muted);font-size:.875rem; }
.t26-s1011 { padding:20px 24px;border:none;text-align:center; }
.t26-s1012 { padding:10px 16px;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:700; }
.t26-s1013 { border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:700;padding:10px 16px;text-align:center; }
.t26-s1014 { min-width:600px;border-collapse:separate;border-spacing:0; }
.t26-s1015 { width:22%;background:transparent;border:none;padding:1rem; }
.t26-d37-w { width: var(--t26-d37-w); }
.t26-s1016 { border:none; }
.t26-s1017 { background:transparent;border:none;padding:1rem; }
.t26-s1018 { background:rgba(255,255,255,0.03);border:1px solid var(--t26-border);border-bottom:none;border-radius:16px 16px 0 0;padding:1.5rem;text-align:center;vertical-align:top; }
.t26-s1019 { display:inline-block;background:var(--t26-gradient);color:#fff;border-radius:20px;padding:.2rem 1rem;font-size:.7rem;font-weight:700;margin-bottom:.75rem;letter-spacing:.06em; }
.t26-s1020 { display:inline-block;background:linear-gradient(135deg,#10B981,#059669);color:#fff;border-radius:20px;padding:.2rem .8rem;font-size:.7rem;font-weight:700;margin-bottom:.75rem; }
.t26-s1021 { font-size:1.75rem;margin-bottom:.5rem; }
.t26-s1022 { font-size:1rem; }
.t26-s1023 { font-size:1.8rem;font-weight:800;line-height:1.1; }
.t26-s1024 { color:var(--t26-rose); }
.t26-s1025 { background:rgba(255,255,255,0.03);border:1px solid var(--t26-border);border-top:none;border-radius:0 0 16px 16px;padding:1rem 1.5rem;text-align:center;vertical-align:top; }
.t26-s1026 { color:var(--t26-muted);font-size:.85rem;margin-bottom:.75rem; }
.t26-s1028 { position:absolute;top:-14px;right:16px;background:linear-gradient(135deg,#10B981,#059669);color:#fff;border-radius:20px;padding:.25rem 1rem;font-size:.72rem;font-weight:700;white-space:nowrap; }
.t26-s1029 { font-size:2rem;display:block;margin-bottom:.75rem; }
.t26-s1032 { font-size:.875rem; }
.t26-s1033 { display:block;text-align:center; }
.t26-s1034 { position:absolute;top:-14px;left:50%;transform:translateX(-50%);z-index:10;background:var(--t26-gradient);color:#fff;border-radius:20px;padding:.25rem 1.1rem;font-size:.72rem;font-weight:700;white-space:nowrap; }
.t26-s1035 { font-size:2.2rem;font-weight:800;line-height:1; }
.t26-s1036 { position:sticky;top:80px;z-index:10; }
.t26-s1037 { background:rgba(124,58,237,0.15);border-radius:16px 16px 0 0;padding:1rem 1.5rem;border-bottom:1px solid var(--t26-border); }
.t26-s1038 { background:rgba(124,58,237,0.1);border-radius:16px 16px 0 0;padding:1rem 1.5rem;border-bottom:1px solid var(--t26-border); }
.t26-s1039 { padding:.5rem 0; }
.t26-s1040 { padding:.75rem 1.5rem;border-bottom:1px solid var(--t26-border); }
.t26-s1041 { background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700; }
.t26-s1042 { background:var(--t26-bg);padding:60px 0 80px;position:relative;overflow:hidden; }
.t26-s1043 { position:absolute;width:400px;height:400px;background:rgba(124,58,237,0.12);border-radius:50%;filter:blur(80px);top:-100px;left:-100px;pointer-events:none; }
.t26-s1044 { font-size:clamp(1.8rem,4vw,2.5rem); }
.t26-s1045 { border-radius:12px; }
.t26-s1046 { border-radius:8px;font-size:.8rem; }
.t26-s1047 { width:40px;height:40px;background:rgba(124,58,237,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0; }
.t26-s1048 { font-size:.875rem;color:var(--t26-primary-light); }
.t26-s1049 { font-size:.8rem;color:var(--t26-muted);margin:0; }
.t26-s1050 { background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);border-radius:10px;padding:8px 10px; }
.t26-s1051 { color:var(--t26-muted);font-size:.875rem;line-height:1.75;margin-bottom:1rem; }
.t26-s1052 { color:var(--t26-muted);font-size:.875rem;line-height:1.75;margin-bottom:1.25rem; }
.t26-s1053 { color:var(--t26-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem; }
.t26-s1054 { margin-bottom:.25rem;font-weight:600;color:#FBBF24;font-size:.85rem; }
.t26-s1055 { color:var(--t26-muted);font-size:.85rem;margin:0; }
.t26-s1056 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:10px;padding:8px 10px; }
.t26-s1057 { padding:.6rem; }
.t26-s1058 { padding:11px 28px;border-radius:11px;border:none;cursor:pointer;font-size:.9rem; }
.t26-s1059 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3); }
.t26-s1060 { background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3); }
.t26-s1061 { animation:spin 1.5s linear infinite; }
.t26-s1062 { color:#EF4444;font-size:.82rem;text-decoration:none;padding:5px 10px;border-radius:7px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2); }
.t26-hero-orb { position:absolute; width:340px; height:340px; background:radial-gradient(circle,var(--t26-hero-orb-color,rgba(124,58,237,.5)) 0%,transparent 70%); top:-120px; right:-60px; opacity:.18; border-radius:50%; animation:orbFloat 8s ease-in-out infinite; pointer-events:none; }
.t26-channel-stack { position:relative; z-index:var(--t26-zi,1); }
.t26-channel-badge { display:inline-flex; align-items:center; gap:6px; font-size:.67rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:3px 10px; border-radius:20px; color:var(--t26-cc); background:color-mix(in srgb,var(--t26-cc) 10%,transparent); border:1px solid color-mix(in srgb,var(--t26-cc) 20%,transparent); }
.t26-channel-badge { display:inline-flex; align-items:center; gap:6px; font-size:.67rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:3px 10px; border-radius:20px; }
.t26-input-append { border-radius:0 10px 10px 0; border-left:none; }
.t26-sort-link { display:block; padding:8px 14px; font-size:.82rem; color:var(--t26-slc,var(--t26-text)); text-decoration:none; transition:background .15s; }
.t26-ch-pill { display:inline-flex; align-items:center; gap:4px; font-size:.67rem; font-weight:600; padding:2px 8px; border-radius:20px; }
.t26-tc-badge { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:3px 10px; border-radius:20px; margin-bottom:6px; }
.t26-qr-sel-sq { cursor:pointer; border:2px solid var(--t26-qr-border,rgba(255,255,255,0.08)); border-radius:8px; width:48px; height:48px; background:rgba(255,255,255,0.04); }
.t26-qr-sel-logo { cursor:pointer; border:2px solid var(--t26-qr-border,rgba(255,255,255,0.08)); border-radius:8px; padding:4px; background:rgba(255,255,255,0.04); }
.t26-qr-sel-btn { cursor:pointer; border:2px solid var(--t26-qr-border,rgba(255,255,255,0.08)); border-radius:8px; padding:6px 10px; background:rgba(255,255,255,0.04); }
.t26-qr-type-btn { background:var(--tc,rgba(255,255,255,0.04)); }
.t26-qr-sel-sm { cursor:pointer; border:2px solid var(--t26-qr-border,rgba(255,255,255,0.08)); border-radius:8px; padding:5px 10px; background:rgba(255,255,255,0.04); }
.t26-bio-anim { animation-delay:var(--bd,0s); }
.t26-bio-grid-item { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:12px; padding:1.25rem .6rem; text-align:center; transition:transform .25s,border-color .25s,background .25s; cursor:default; animation-delay:var(--bd,0s); }
.t26-bio-font-btn { background:var(--bfi1,rgba(255,255,255,0.04)); color:var(--bfc,var(--t26-text)); border-color:var(--bfi2,rgba(255,255,255,0.08)); }
.t26-banner-rm { display:var(--t26-banner-rm-d,none); position:absolute; top:6px; right:6px; width:26px; height:26px; border-radius:50%; background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.2); color:#fff; align-items:center; justify-content:center; cursor:pointer; font-size:.7rem; line-height:1; z-index:2; }
.t26-bio-preview-btn { font-size:.75rem; }
.t26-bio-mode-btn { padding:7px 14px; border-radius:8px; font-size:.82rem; }
.t26-bio-prev-link { padding:7px 12px; font-size:.72rem; color:var(--t26-text); font-weight:500; transition:all .2s; letter-spacing:.01em; }
.t26-qrp-icon { font-size:1.1rem; color:var(--t26-ic,var(--t26-text)); }
.t26-qrp-uc-icon { font-size:1.3rem; color:var(--t26-ic,var(--t26-text)); }
.t26-qrp-st-icon { font-size:1.6rem; color:var(--t26-ic,var(--t26-text)); margin-bottom:.75rem; }
.t26-api-method-get { background:rgba(16,185,129,0.2); color:#10B981; border-radius:4px; padding:1px 6px; font-size:.65rem; font-weight:700; }
.t26-sidebar-ch-wrap { border-radius:9px; margin-top:2px; }
.t26-stat-kpi { color:var(--c,var(--t26-text)); background:var(--bg,transparent); border-color:var(--bd,rgba(255,255,255,0.08)); }
.t26-has-c { color:var(--c,inherit); }
.t26-stat-lc { color:var(--lc,var(--t26-muted)); }
.t26-has-bar-vars { background:var(--bar-bg,rgba(124,58,237,0.45)); }
.t26-gradient-text { background:var(--t26-gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.t26-color-green { color:#10B981; }
.t26-color-rose { color:var(--t26-rose); }
.t26-color-muted { color:var(--t26-muted); }
.t26-price-badge-sm { font-size:.65rem; font-weight:600; }
.t26-price-desc { display:block; margin-bottom:.75rem; color:var(--t26-muted); font-size:.85rem; }
.t26-price-tagline { font-size:.75rem; font-weight:500; color:var(--t26-muted); }
.t26-price-sub { color:var(--t26-muted); font-size:.8rem; margin:.5rem 0 0; }
.t26-price-period { font-size:.95rem; font-weight:500; color:var(--t26-muted); }
.t26-price-feat-muted { color:var(--t26-muted); font-size:.875rem; margin-bottom:0; }
.t26-price-feat-sm { font-size:.85rem; font-weight:500; color:var(--t26-muted); }
.t26-plan-card { transition:border-color .2s,box-shadow .2s; }
.t26-hero-card { background:var(--t26-hbg,rgba(255,255,255,0.04)); border:1px solid var(--t26-hbd,rgba(255,255,255,0.08)); border-radius:16px; padding:16px; flex-shrink:0; }
.t26-links-tab { border-radius:9px; text-decoration:none; background:var(--t26-tab-bg,transparent); transition:background .2s; }
.t26-ch-tab-bar { height:3px; background:var(--t26-cc,rgba(124,58,237,0.6)); border-radius:14px 14px 0 0; opacity:var(--t26-ch-op,0.9); }
.t26-ch-dot { width:10px; height:10px; border-radius:50%; background:var(--t26-cc); box-shadow:0 0 8px color-mix(in srgb,var(--t26-cc) 53%,transparent); flex-shrink:0; }
.t26-ch-pill-color { color:var(--t26-cc); background:color-mix(in srgb,var(--t26-cc) 10%,transparent); border:1px solid color-mix(in srgb,var(--t26-cc) 20%,transparent); }
.t26-qr-type-bar { height:3px; background:linear-gradient(90deg,var(--t26-tc),transparent); opacity:var(--t26-tc-op,0.8); border-radius:0 0 6px 6px; }
.t26-bio-p-icon { font-size:1.1rem; color:var(--t26-ic,var(--t26-text)); }
.t26-bio-feature-icon { width:36px; height:36px; border-radius:10px; background:var(--t26-fbg,rgba(255,255,255,0.04)); border:1px solid var(--t26-fbd,rgba(255,255,255,0.08)); color:var(--t26-fc,var(--t26-text)); display:flex; align-items:center; justify-content:center; font-size:.85rem; flex-shrink:0; }
.t26-bio-ai-icon { font-size:.88rem; flex-shrink:0; margin-top:.05rem; color:var(--t26-ic,var(--t26-text)); }
.t26-bio-ig-icon { font-size:2rem; margin-bottom:.55rem; color:var(--t26-ic,var(--t26-text)); }
.t26-bio-hl-icon { width:44px; height:44px; border-radius:12px; background:var(--t26-hbg,rgba(124,58,237,0.15)); display:flex; align-items:center; justify-content:center; margin:0 auto .75rem; font-size:1rem; }
.t26-has-ic { color:var(--t26-ic,inherit); }
.t26-bio-banner-upload { height:80px; background:rgba(255,255,255,0.04); border:1px dashed rgba(255,255,255,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:border-color .2s; text-align:center; }
.t26-bio-banner-preview { border:1px solid rgba(255,255,255,0.1); display:var(--t26-bp-d,none); position:relative; overflow:hidden; border-radius:12px; }
.t26-bio-theme-swatch { height:80px; border-color:var(--t26-sw-bd,rgba(255,255,255,0.08)); border-radius:10px; background-color:var(--t26-sw-bg,rgba(255,255,255,0.04)); transition:border-color .2s,background-color .2s; }
.t26-bio-theme-swatch.theme-active { border-color:rgba(124,58,237,0.6) !important; background-color:rgba(124,58,237,0.07) !important; }
.t26-bio-theme-preview { height:80px; transition:border-color .2s; }
.t26-bio-theme-preview.theme-active { border-color:rgba(124,58,237,0.6) !important; }
.t26-bio-preview-text { font-size:.9rem; color:var(--t26-ptc,var(--t26-text)); }
.t26-bio-btn-preview { }
.t26-bio-tab-lbl { font-size:.69rem; font-weight:var(--t26-tfw,400); text-transform:capitalize; transition:color .2s; color:var(--t26-tlc,var(--t26-muted)); }
.t26-qrp-avatar { width:32px; height:32px; border-radius:50%; border:2px solid var(--t26-bg); background:var(--t26-avbg,rgba(124,58,237,0.2)); overflow:hidden; }
.t26-qrp-feat-icon { width:44px; height:44px; border-radius:12px; background:var(--t26-fibg,rgba(124,58,237,0.15)); border:1px solid var(--t26-fibd,rgba(124,58,237,0.25)); display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.t26-qrp-step-num { width:38px; height:38px; border-radius:50%; background:var(--t26-snbg,rgba(124,58,237,0.3)); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.78rem; color:#fff; flex-shrink:0; }
.t26-sidebar-ch-dot { background:var(--t26-cc); box-shadow:0 0 6px color-mix(in srgb,var(--t26-cc) 53%,transparent); width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.t26-stat-link-row { margin-bottom:var(--t26-mb,0); }
.t26-stat-ref-row { margin-bottom:var(--t26-mb,0); }
.t26-plan-tab-btn { background:rgba(255,255,255,0.02); padding:20px 24px; border:none; width:var(--t26-tab-w,auto); }
.t26-color-red-dim { color:#EF4444; opacity:.5; }
.t26-plan-tab-cell { width:var(--t26-tab-w,auto); background:transparent; border:none; padding:1rem; text-align:center; }
.t26-qr-type-bar2 { height:3px; background:linear-gradient(90deg,var(--t26-tc),transparent); opacity:.75; border-radius:16px 16px 0 0; }
.t26-qrp-avatar-grad { width:32px; height:32px; border-radius:50%; border:2px solid var(--t26-bg); background:linear-gradient(135deg,rgba(124,58,237,0.6),rgba(6,182,212,0.6)); display:flex; align-items:center; justify-content:center; }
.t26-tc-badge { color:var(--t26-tc0); background:var(--t26-tc2); border-color:var(--t26-tc1); }
.t26-ch-pill { background:color-mix(in srgb,var(--t26-cc) 13%,transparent); color:var(--t26-cc); border:1px solid color-mix(in srgb,var(--t26-cc) 25%,transparent); }
.t26-p5-1 { color:var(--t26-text); }
.t26-p5-2 { color:var(--t26-muted);font-size:.875rem; }
.t26-opacity-70 { opacity:.7; }
.t26-p5-3 { border-bottom:1px solid rgba(255,255,255,0.08); }
.t26-p5-4 { color:var(--t26-muted); }
.t26-p5-5 { color:var(--t26-muted);font-size:.8rem; }
.t26-p5-6 { color:#7C3AED; }
.t26-p5-7 { position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none; }
.t26-p5-8 { color:#34D399; }
.t26-p5-9 { color:var(--t26-text);text-decoration:none;display:flex;align-items:center;gap:.5rem;font-weight:600; }
.t26-p5-10 { border-radius:10px;border:none;cursor:pointer; }
.t26-p5-11 { border-radius:10px; }
.t26-p5-12 { font-size:1.4rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-13 { color:var(--t26-muted);font-size:.78rem;margin-top:.3rem; }
.t26-p5-14 { position:relative;z-index:1; }
.t26-p5-15 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:14px;padding:12px;margin-right:1rem;flex-shrink:0; }
.t26-p5-16 { color:var(--t26-muted);margin:0;font-size:.9rem; }
.t26-p5-17 { top:80px; }
.t26-p5-18 { color:#10B981; }
.t26-p5-19 { width:19px;height:19px; }
.t26-p5-20 { padding:9px 20px;border-radius:9px;text-decoration:none; }
.t26-p5-21 { font-size:.875rem;color:var(--t26-muted); }
.t26-p5-22 { text-align:center;margin-bottom:1.75rem; }
.t26-p5-23 { color:var(--t26-primary-light); }
.t26-p5-24 { margin-bottom:1rem; }
.t26-p5-25 { color:var(--t26-muted); }
.t26-p5-26 { color:var(--t26-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em; }
.t26-p5-27 { padding:14px 20px;border:none; }
.t26-p5-28 { border-bottom:1px solid rgba(255,255,255,0.08);padding:20px 24px; }
.t26-p5-29 { color:var(--t26-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;background:transparent;border:none; }
.t26-p5-30 { color:var(--t26-text);font-size:.9rem; }
.t26-p5-31 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;color:var(--t26-text);font-size:.85rem;margin-bottom:0; }
.t26-p5-32 { color:#EF4444; }
.t26-p5-33 { font-size:.75rem;color:var(--t26-muted); }
.t26-p5-34 { color:var(--t26-text);font-size:.875rem; }
.t26-p5-35 { color:var(--t26-muted);font-size:.85rem; }
.t26-p5-36 { font-size:1.4rem;color:var(--t26-primary-light); }
.t26-p5-37 { color:var(--t26-muted);font-size:.88rem;margin:0; }
.t26-p5-38 { min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:var(--t26-bg); }
.t26-p5-39 { text-align:center;margin-bottom:2rem; }
.t26-p5-40 { font-size:1.4rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none; }
.t26-p5-41 { background:rgba(13,13,43,0.8);border:1px solid var(--t26-border);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem; }
.t26-p5-42 { border-top:1px solid rgba(255,255,255,0.08);padding:16px 24px;gap:10px; }
.t26-p5-43 { padding:9px 20px;border-radius:9px; }
.t26-appearance-auto { appearance:auto; }
.t26-p5-44 { border-radius:10px;text-decoration:none; }
.t26-p5-45 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:16px; }
.t26-p5-46 { border:none;background:rgba(255,255,255,0.06);border-radius:8px;margin-left:auto; }
.t26-p5-47 { color:var(--t26-muted);font-size:.875rem;margin-bottom:1rem; }
.t26-p5-48 { border-color:rgba(255,255,255,0.08);margin:1rem 0; }
.t26-p5-49 { font-size:.8rem; }
.t26-p5-50 { padding:.5rem; }
.t26-p5-51 { border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-p5-52 { text-align:center;position:relative;z-index:10;max-width:500px; }
.t26-p5-53 { width:100%;max-width:440px;position:relative;z-index:10; }
.t26-p5-54 { color:var(--t26-muted);font-size:.9rem;margin:0; }
.t26-p5-55 { margin-bottom:1.25rem; }
.t26-p5-56 { font-size:.8rem;color:var(--t26-muted); }
.t26-p5-57 { color:var(--t26-rose); }
.t26-p5-58 { display:inline-block;background:rgba(124,58,237,0.12);color:var(--t26-primary-light,#9F67FF);border:1px solid rgba(124,58,237,0.2);border-radius:20px;padding:.2rem .85rem;font-size:.8rem;text-decoration:none;transition:all .2s; }
.t26-p5-59 { font-size:.7rem; }
.t26-p5-60 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:8px 14px; }
.t26-p5-61 { color:var(--t26-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 20px;background:transparent;border:none; }
.t26-p5-62 { padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; }
.t26-p5-63 { border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px; }
.t26-p5-64 { color:#FCD34D; }
.t26-p5-65 { width:56px;height:56px;background:rgba(124,58,237,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-66 { font-size:1.6rem;font-weight:800;margin-bottom:.4rem; }
.t26-p5-67 { text-align:center;margin-top:1.5rem;font-size:.8rem;color:var(--t26-muted); }
.t26-p5-68 { color:var(--t26-muted);font-weight:600; }
.t26-p5-69 { margin-bottom:1.1rem; }
.t26-p5-70 { width:17px;height:17px; }
.t26-p5-71 { width:100%;justify-content:center; }
.t26-p5-72 { color:var(--t26-cyan); }
.t26-p5-73 { font-size:clamp(2rem,5vw,3.5rem); }
.t26-p5-74 { padding-bottom:80px;position:relative;z-index:1; }
.t26-p5-75 { padding:14px 20px;border:none;vertical-align:middle; }
.t26-p5-76 { background:rgba(6,182,212,0.06);border:1px solid rgba(6,182,212,0.15);border-radius:12px;padding:1.1rem;text-align:center; }
.t26-p5-77 { font-size:1.5rem;color:var(--t26-cyan);margin-bottom:.5rem;display:block; }
.t26-p5-78 { font-size:.85rem;font-weight:600;margin-bottom:.25rem; }
.t26-p5-79 { position:absolute;width:400px;height:400px;background:rgba(124,58,237,0.1);border-radius:50%;filter:blur(80px);top:-100px;left:-100px;pointer-events:none; }
.t26-p5-80 { color:var(--t26-muted);font-size:.9rem; }
.t26-p5-81 { color:var(--t26-muted);font-size:.875rem;margin-bottom:.75rem; }
.t26-p5-82 { width:44px;height:44px;background:#fff;border-radius:10px;padding:8px;margin-right:12px; }
.t26-p5-83 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px; }
.t26-p5-84 { color:#fff;background-color:#000!important; }
.t26-p5-85 { display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,0.06);border:1px solid var(--t26-border);border-radius:12px;color:var(--t26-muted);transition:all .2s;font-size:1rem; }
.t26-p5-86 { color:var(--t26-text);box-shadow:none;min-width:200px; }
.t26-p5-87 { min-height:200px; }
.t26-p5-88 { color:var(--t26-muted);font-size:.85rem;font-weight:500; }
.t26-p5-89 { border-collapse: collapse;display: table;width: 100%;background-color:transparent; }
.t26-p5-90 { width:500px; }
.t26-p5-91 { font-size:.85rem;color:var(--t26-muted); }
.t26-p5-92 { font-size:.9rem; }
.t26-p5-93 { color:#A78BFA; }
.t26-p5-94 { color:#38BDF8; }
.t26-p5-95 { color:#FB7185; }
.t26-p5-96 { color:var(--t26-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.75rem; }
.t26-p5-97 { color:#fff; }
.t26-p5-98 { padding:14px 20px;border:none;text-align:end; }
.t26-p5-99 { font-size:1rem;font-weight:700;margin-bottom:.5rem; }
.t26-p5-100 { margin-bottom:1.5rem; }
.t26-p5-101 { color:var(--t26-primary-light);font-weight:600; }
.t26-p5-102 { padding:20px 24px; }
.t26-p5-103 { top:80px; }
.t26-p5-104 { font-size:1.3rem;line-height:1;min-width:28px;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-105 { color:var(--t26-text);font-size:.875rem;line-height:1.4;font-weight:500; }
.t26-p5-106 { position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(13,13,43,1) 0%,rgba(7,7,26,1) 100%);border:1px solid rgba(255,255,255,0.07);padding:28px 32px; }
.t26-p5-107 { position:relative;z-index:1; }
.t26-p5-108 { color:var(--t26-muted);margin:0;font-size:.88rem; }
.t26-p5-109 { text-align:center; }
.t26-p5-110 { color:var(--t26-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px; }
.t26-p5-111 { padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,0.05); }
.t26-p5-112 { min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative; }
.t26-p5-113 { background:var(--t26-bg);padding:50px 0 80px;position:relative;overflow:hidden; }
.t26-p5-114 { background:transparent;font-size:.85rem; }
.t26-p5-115 { width:32px;height:32px;background:rgba(124,58,237,0.2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.75rem; }
.t26-p5-116 { color:var(--t26-primary-light);font-size:.8rem; }
.t26-p5-117 { line-height:1.4; }
.t26-p5-118 { color:var(--t26-text);text-decoration:none; }
.t26-p5-119 { color:var(--t26-muted);font-size:.78rem;margin-top:auto;display:block; }
.t26-p5-120 { padding:8px 20px;border-radius:9px;text-decoration:none;font-size:.875rem; }
.t26-p5-121 { color:var(--t26-muted);font-size:.8rem;margin-top:.4rem; }
.t26-p5-122 { background:var(--t26-bg)!important; }
.t26-p5-123 { background:var(--t26-gradient);border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff; }
.t26-p5-124 { color:var(--t26-muted);font-weight:400; }
.t26-p5-125 { font-size:1rem; }
.t26-p5-126 { border:2px solid rgba(255,255,255,0.08); }
.t26-p5-127 { padding:14px 20px;border:none;color:var(--t26-muted);font-size:.875rem; }
.t26-p5-128 { vertical-align: top; }
.t26-p5-129 { margin: 0 auto; min-width: 320px; max-width: 500px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent; }
.t26-p5-130 { padding-right: 0px;padding-left: 0px; }
.t26-p5-131 { background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; }
.t26-p5-132 { min-width: 320px; max-width: 500px; display: table-cell; vertical-align: top; width: 500px; }
.t26-p5-133 { padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif; }
.t26-p5-134 { color:rgba(241,245,249,0.55);font-size:.92rem;margin-bottom:1.25rem;text-align:left; }
.t26-p5-135 { font-size:.82rem;color:var(--t26-primary-light);text-decoration:none; }
.t26-p5-136 { color:#C4B5FD; }
.t26-p5-137 { background:#FB7185; }
.t26-p5-138 { background:#FCD34D; }
.t26-p5-139 { background:#34D399; }
.t26-p5-140 { background:rgba(6,182,212,0.15);border-color:rgba(6,182,212,0.3);color:#38BDF8; }
.t26-p5-141 { background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.3);color:#34D399; }
.t26-p5-142 { color:#4FC3F7; }
.t26-p5-143 { width:90px;height:90px;background:rgba(124,58,237,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem; }
.t26-p5-144 { display:inline-block;padding:.4rem 1.2rem;border-radius:999px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.3);font-size:.82rem;font-weight:600;color:var(--t26-primary-light);margin-bottom:1rem; }
.t26-p5-145 { font-size:2rem;font-weight:800;margin-bottom:.75rem; }
.t26-p5-146 { color:var(--t26-muted);max-width:380px;margin:0 auto 2rem;font-size:.95rem; }
.t26-p5-147 { font-size:1.4rem;color:#10B981; }
.t26-p5-148 { font-size:.82rem;color:var(--t26-muted); }
.t26-p5-149 { color:var(--t26-text); }
.t26-p5-150 { width:100%;max-width:460px;position:relative;z-index:10; }
.t26-p5-151 { font-size:1.3rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-152 { font-size:1.5rem;font-weight:800;margin-bottom:.4rem;color:var(--t26-text); }
.t26-p5-153 { padding:10px;border-radius:10px;text-decoration:none; }
.t26-p5-154 { font-size:.88rem;color:var(--t26-muted); }
.t26-p5-155 { font-size:.84rem;color:var(--t26-muted); }
.t26-p5-156 { min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden;background:var(--t26-bg); }
.t26-p5-157 { opacity:.4;top:5%;left:65%; }
.t26-p5-158 { opacity:.25;top:70%;left:-8%; }
.t26-p5-159 { opacity:.15;top:40%;left:45%; }
.t26-p5-160 { position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none; }
.t26-p5-161 { width:100%;max-width:480px;position:relative;z-index:10; }
.t26-p5-162 { font-size:1.5rem;font-weight:800;text-decoration:none; }
.t26-p5-163 { display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem; }
.t26-p5-164 { font-size:.84rem; }
.t26-p5-165 { color:#10B981; }
.t26-p5-166 { text-align:center;margin-top:1.5rem;font-size:.78rem;color:rgba(148,163,184,0.45); }
.t26-p5-167 { color:rgba(148,163,184,0.55);font-weight:600; }
.t26-p5-168 { color:#F43F5E; }
.t26-p5-169 { color:var(--t26-muted);font-size:.78rem;margin-top:.3rem;display:block; }
.t26-p5-170 { color:var(--t26-text);font-size:1rem; }
.t26-p5-171 { border:none;background:rgba(255,255,255,0.06);border-radius:8px; }
.t26-p5-172 { height:1px;flex:1;background:rgba(255,255,255,.06); }
.t26-p5-173 { min-width:0;flex:1; }
.t26-p5-174 { color:var(--t26-text);font-size:.85rem; }
.t26-p5-175 { color:var(--t26-muted);max-width:480px;margin:0 auto; }
.t26-p5-176 { margin:0 .3rem;opacity:.4; }
.t26-p5-177 { width:80px;height:80px;background:rgba(124,58,237,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem; }
.t26-p5-178 { font-size:2rem;color:var(--t26-primary-light); }
.t26-p5-179 { background:var(--t26-bg);padding:60px 0 80px; }
.t26-p5-180 { font-size:.95rem; }
.t26-p5-181 { background:transparent;border:none; }
.t26-p5-182 { border-bottom:1px solid rgba(255,255,255,0.04); }
.t26-p5-183 { padding:14px 20px;border:none;vertical-align:middle;color:var(--t26-muted); }
.t26-p5-184 { color:var(--t26-muted);margin-bottom:1.5rem; }
.t26-p5-185 { transition:transform .3s ease,box-shadow .3s ease; }
.t26-p5-186 { color:var(--t26-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.4px; }
.t26-p5-187 { color:var(--t26-muted);font-size:.875rem;line-height:1.6; }
.t26-p5-188 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:10px; }
.t26-p5-189 { display:inline-flex;align-items:center;gap:.5rem;text-decoration:none; }
.t26-p5-190 { display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem; }
.t26-p5-191 { font-size:.78rem;color:var(--t26-muted); }
.t26-p5-192 { width:100%;max-width:700px;position:relative;z-index:10; }
.t26-p5-193 { padding:2rem; }
.t26-p5-194 { flex-shrink:0; }
.t26-p5-195 { width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid rgba(124,58,237,0.3); }
.t26-p5-196 { flex-shrink:0;text-align:center; }
.t26-p5-197 { font-size:2.5rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-198 { text-align:center;margin-top:1.25rem;font-size:.85rem;color:var(--t26-muted); }
.t26-p5-199 { min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden; }
.t26-p5-200 { color:var(--t26-muted);font-size:.9rem;margin-bottom:.75rem; }
.t26-p5-201 { width:90px;height:90px;border-radius:50%;border:3px solid rgba(124,58,237,0.4);margin-bottom:1rem;object-fit:cover; }
.t26-p5-202 { display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.06);border:1px solid var(--t26-border);border-radius:10px;transition:all .2s; }
.t26-p5-203 { width:64px;height:64px;background:rgba(124,58,237,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-p5-204 { font-size:1.25rem; }
.t26-p5-205 { font-size:clamp(1.4rem,3vw,2rem); }
.t26-p5-206 { color:var(--t26-muted);margin-bottom:1.5rem; }
.t26-p5-207 { font-size:clamp(1.5rem,3vw,2rem); }
.t26-p5-208 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-130px;right:-60px;opacity:.18;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-p5-209 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);bottom:-80px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-p5-210 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-p5-211 { font-size:1.7rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-212 { position:relative;overflow:hidden; }
.t26-p5-213 { background:rgba(7,7,26,0.75);backdrop-filter:blur(3px);border-radius:16px;z-index:2; }
.t26-p5-214 { font-size:1.4rem;color:var(--t26-muted); }
.t26-p5-215 { position:absolute;top:0;left:0;right:0;height:3px;background:var(--t26-gradient);border-radius:16px 16px 0 0; }
.t26-p5-216 { color:var(--t26-muted);font-size:.875rem;flex:1;line-height:1.6; }
.t26-p5-217 { border-top:1px solid rgba(255,255,255,0.08); }
.t26-p5-218 { color:var(--t26-muted);font-size:.875rem;padding-left:1.25rem; }
.t26-p5-219 { color:var(--t26-muted);font-size:.875rem;margin-bottom:1.25rem; }
.t26-p5-220 { color:var(--t26-muted);font-size:.875rem;margin-bottom:0; }
.t26-p5-221 { color:var(--t26-text);font-size:.8rem; }
.t26-p5-222 { color:#10B981;font-size:1.1rem; }
.t26-p5-223 { background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);border-radius:10px; }
.t26-p5-224 { color:#EF4444;font-size:.875rem; }
.t26-p5-225 { color:var(--t26-muted);font-size:.875rem;padding-left:1.25rem;margin-bottom:1.5rem; }
.t26-p5-226 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;color:var(--t26-text);font-size:.85rem; }
.t26-p5-227 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;color:var(--t26-text);font-size:.8rem;overflow-x:auto; }
.t26-p5-228 { object-fit:cover; }
.t26-p5-229 { color:#000;background-color:#fff !important; }
.t26-p5-230 { background-color:#008aff; }
.t26-p5-231 { padding:6px 16px;border-radius:8px;text-decoration:none;font-size:.85rem; }
.t26-p5-232 { font-size:.8rem;color:var(--t26-muted);flex-shrink:0; }
.t26-p5-233 { font-size:clamp(2rem,4vw,2.8rem); }
.t26-p5-234 { color:var(--t26-muted);margin-bottom:2rem; }
.t26-p5-235 { padding:8px 18px;border-radius:9px; }
.t26-p5-236 { border:2px solid rgba(255,255,255,0.08);max-height:100px;object-fit:cover; }
.t26-p5-237 { padding:8px 18px;border-radius:9px;cursor:pointer; }
.t26-p5-238 { color:var(--t26-muted);text-decoration:none; }
.t26-p5-239 { color:var(--t26-muted);opacity:.7; }
.t26-p5-240 { padding:8px;border-radius:9px;text-decoration:none; }
.t26-p5-241 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:5px;padding:2px 8px;font-size:.75rem;margin-right:6px; }
.t26-p5-242 { padding:20px 24px;font-size:.87rem;color:var(--t26-muted); }
.t26-p5-243 { margin: 0; padding: 20px; -webkit-text-size-adjust: 100%; background-color: #07071A; }
.t26-p5-244 { table-layout: fixed; vertical-align: top; min-width: 320px; margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #07071A; width: 100%; }
.t26-p5-245 { word-break: break-word; vertical-align: top; }
.t26-p5-246 { background-color:#07071A; }
.t26-p5-247 { background-color:transparent;width:166px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; }
.t26-p5-248 { display: table-cell; vertical-align: top; max-width: 320px; min-width: 164px; width: 166px; }
.t26-p5-249 { line-height:0px; }
.t26-p5-250 { background-color:transparent;width:333px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; }
.t26-p5-251 { display: table-cell; vertical-align: top; min-width: 320px; max-width: 328px; width: 333px; }
.t26-p5-252 { table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
.t26-p5-253 { word-break: break-word; vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.t26-p5-254 { table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-tspace: 0; mso-table-rspace: 0; mso-table-bspace: 0; mso-table-lspace: 0; }
.t26-p5-255 { vertical-align: top; display: inline-block; text-align: right; }
.t26-p5-256 { margin: 20px auto; min-width: 320px; max-width: 500px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #0D0D2B; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); }
.t26-p5-257 { color:#F1F5F9;font-family:Inter, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;line-height:1.6;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px; }
.t26-p5-258 { height:4px;background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%);border-radius:4px 4px 0 0;margin-bottom:20px;margin-left:-24px;margin-right:-24px;margin-top:-20px; }
.t26-p5-259 { font-size: 14px; line-height: 1.6; color: #F1F5F9; font-family: Inter, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; mso-line-height-alt: 22px; }
.t26-p5-260 { font-size: 14px; line-height: 1.6; mso-line-height-alt: 22px; margin: 0; }
.t26-p5-261 { color:rgba(241,245,249,0.45);font-family:Inter, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;line-height:1.5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px; }
.t26-p5-262 { font-size: 12px; line-height: 1.5; color: rgba(241,245,249,0.45); font-family: Inter, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; mso-line-height-alt: 18px; }
.t26-p5-263 { font-size: 12px; line-height: 1.5; word-break: break-word; text-align: center; mso-line-height-alt: 18px; margin: 0; }
.t26-p5-264 { z-index:10; }
.t26-p5-265 { font-size:.8rem;color:var(--t26-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.t26-p5-266 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px; }
.t26-p5-267 { font-size:.8rem;padding:.4rem 1rem;white-space:nowrap; }
.t26-p5-268 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:1rem; }
.t26-p5-269 { text-align:center;margin-bottom:.5rem;font-size:.8rem;color:rgba(241,245,249,0.45); }
.t26-p5-270 { display:flex;align-items:center;padding:0 .75rem;color:rgba(241,245,249,0.4);font-size:.85rem;white-space:nowrap;flex-shrink:0;border-right:1px solid rgba(255,255,255,0.08); }
.t26-p5-271 { color:rgba(241,245,249,0.45);max-width:500px;margin:.75rem auto 0;font-size:.95rem; }
.t26-p5-272 { background:linear-gradient(135deg,#34D399,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-273 { background:linear-gradient(135deg,#FB7185,#FCD34D);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-274 { color:var(--t26-muted);font-size:.75rem; }
.t26-p5-275 { color:var(--t26-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem; }
.t26-p5-276 { color:rgba(255,255,255,0.7); }
.t26-p5-277 { width:72%;background:linear-gradient(90deg,#7C3AED,#A78BFA); }
.t26-p5-278 { width:45%;background:linear-gradient(90deg,#06B6D4,#38BDF8); }
.t26-p5-279 { width:28%;background:linear-gradient(90deg,#10B981,#34D399); }
.t26-p5-280 { color:rgba(241,245,249,0.45);max-width:560px;margin:.75rem auto 0;font-size:.95rem; }
.t26-p5-281 { color:#FF9800; }
.t26-p5-282 { color:#5B9BD5; }
.t26-p5-283 { color:rgba(241,245,249,0.95);font-size:.95rem; }
.t26-p5-284 { color:var(--t26-muted);font-size:.8rem;margin-left:.5rem; }
.t26-p5-285 { background:linear-gradient(135deg,#7C3AED,#A78BFA); }
.t26-p5-286 { background:linear-gradient(135deg,#06B6D4,#38BDF8); }
.t26-p5-287 { background:linear-gradient(135deg,#10B981,#34D399); }
.t26-p5-288 { margin-top:1rem; }
.t26-p5-289 { color:rgba(241,245,249,0.45);max-width:580px;margin:.75rem auto 0;font-size:.95rem; }
.t26-p5-290 { color:#FDA4AF; }
.t26-p5-291 { padding:9px 18px;border-radius:9px;text-decoration:none; }
.t26-p5-292 { font-size:1.4rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-293 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:8px;padding:6px 18px;font-size:.9rem;font-weight:700; }
.t26-p5-294 { background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:8px;padding:6px 18px;font-size:.9rem;font-weight:700; }
.t26-p5-295 { border-color:rgba(255,255,255,0.08);margin:1.5rem 0; }
.t26-p5-296 { color:var(--t26-muted);font-size:.875rem;margin:.25rem 0; }
.t26-p5-297 { color:var(--t26-muted);font-size:.875rem;margin:0;line-height:1.6; }
.t26-p5-298 { border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden; }
.t26-p5-299 { background:rgba(255,255,255,0.03);padding:14px 20px;border:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--t26-muted); }
.t26-p5-300 { background:rgba(255,255,255,0.03);padding:14px 20px;border:none; }
.t26-p5-301 { background:rgba(255,255,255,0.03);padding:14px 20px;border:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--t26-muted);text-align:end; }
.t26-p5-302 { padding:14px 20px;border:none;color:var(--t26-muted);font-size:.875rem;text-align:end; }
.t26-p5-303 { background:rgba(255,255,255,0.03); }
.t26-p5-304 { padding:14px 20px;border:none;font-weight:700;text-align:end; }
.t26-p5-305 { padding:14px 20px;border:none;font-weight:700;text-align:end;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-306 { display:block;margin-bottom:2rem; }
.t26-p5-307 { display:block;margin-bottom:2rem;font-size:1.3rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none; }
.t26-p5-308 { font-size:2.2rem;color:var(--t26-primary-light);animation:spin-slow 4s linear infinite; }
.t26-p5-309 { color:var(--t26-muted);max-width:400px;margin:0 auto 2rem;font-size:.95rem; }
.t26-p5-310 { color:var(--t26-muted);font-size:1.6rem;margin-right:.75rem; }
.t26-p5-311 { color:var(--t26-muted);font-size:1.6rem; }
.t26-p5-312 { display:block;margin-bottom:2rem;text-decoration:none; }
.t26-p5-313 { font-size:1.3rem;font-weight:800;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-314 { font-size:2.2rem;color:var(--t26-primary-light); }
.t26-p5-315 { font-size:2.4rem;font-weight:800;margin-bottom:.75rem; }
.t26-p5-316 { font-size:1.4rem;font-weight:700;margin-bottom:.75rem; }
.t26-p5-317 { max-width:640px; }
.t26-p5-318 { font-size:2rem;font-weight:800;margin-bottom:.5rem; }
.t26-p5-319 { color:var(--t26-muted);font-size:.95rem;margin:0; }
.t26-p5-320 { max-width:700px; }
.t26-p5-321 { font-size:.85rem;font-weight:600;color:var(--t26-muted);margin-bottom:.5rem;display:block; }
.t26-p5-322 { display:flex;gap:.5rem;align-items:stretch; }
.t26-p5-323 { display:block;text-align:center;margin-top:.6rem;font-size:.78rem;color:var(--t26-muted); }
.t26-p5-324 { max-width:900px; }
.t26-p5-325 { font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:1.5rem; }
.t26-p5-326 { width:56px;height:56px;background:rgba(124,58,237,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-327 { width:56px;height:56px;background:rgba(16,185,129,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-328 { width:56px;height:56px;background:rgba(244,63,94,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-329 { font-size:1.4rem;color:#F43F5E; }
.t26-p5-330 { text-align:center;font-size:1.6rem;font-weight:700;letter-spacing:.3em; }
.t26-p5-331 { text-align:right;margin-top:.5rem; }
.t26-p5-332 { border-color:var(--t26-border); }
.t26-p5-333 { width:48px;height:48px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-334 { font-size:.8rem;color:#7C3AED;text-decoration:none; }
.t26-p5-335 { display:flex;align-items:center;gap:.75rem;padding:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;margin-bottom:1rem; }
.t26-p5-336 { flex-shrink:0; }
.t26-p5-337 { color:var(--t26-text);display:block; }
.t26-p5-338 { color:var(--t26-muted);font-size:.875rem;margin-bottom:.75rem; }
.t26-p5-339 { color:var(--t26-muted);font-size:.875rem;padding-left:1.25rem;margin:0;display:flex;flex-direction:column;gap:.4rem; }
.t26-p5-340 { color:var(--t26-muted);font-size:.8rem;text-align:center;margin-top:1.25rem;margin-bottom:0; }
.t26-p5-341 { text-align:center;padding:1rem 0; }
.t26-p5-342 { background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.3);border-radius:12px;padding:16px;margin-bottom:1.5rem; }
.t26-p5-343 { color:#f87171;font-size:1.5rem;margin-bottom:.5rem;display:block; }
.t26-p5-344 { color:#f87171;margin:0;font-size:.9rem; }
.t26-p5-345 { padding:10px 24px;border-radius:10px;text-decoration:none; }
.t26-p5-346 { width:56px;height:56px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-347 { font-size:1.5rem;font-weight:800;margin-bottom:.4rem; }
.t26-p5-348 { color:var(--t26-muted);font-size:.875rem;margin:0; }
.t26-p5-349 { display:block;font-size:.8rem;font-weight:600;color:var(--t26-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem; }
.t26-p5-350 { text-align:center;font-size:1.4rem;letter-spacing:.3em;font-weight:700; }
.t26-p5-351 { font-size:.8rem;color:var(--t26-muted);text-decoration:none;transition:color .2s; }
.t26-p5-352 { border-radius:12px;border:none;cursor:pointer;padding:13px;font-size:.95rem;font-weight:700;width:100%;display:block;text-align:center; }
.t26-p5-353 { text-align:center;margin-top:1.25rem; }
.t26-p5-354 { text-align:center;margin-top:1.25rem;font-size:.88rem;color:var(--t26-muted); }
.t26-p5-355 { background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25);border-radius:10px;padding:.85rem 1rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem; }
.t26-p5-356 { color:#10B981;font-size:1.1rem; }
.t26-p5-357 { text-align:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--t26-border); }
.t26-p5-358 { font-size:.88rem;color:var(--t26-primary-light);font-weight:600;margin-left:.4rem; }
.t26-p5-359 { ; }
.t26-p5-360 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:18px;overflow:hidden; }
.t26-p5-361 { height:3px;background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%);flex-shrink:0; }
.t26-p5-362 { border-bottom:1px solid rgba(255,255,255,0.07);padding:18px 24px; }
.t26-p5-363 { background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);border-radius:10px;padding:9px 11px; }
.t26-p5-364 { font-size:.9rem;background:linear-gradient(135deg,#7C3AED,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-365 { font-size:.75rem;color:var(--t26-muted); }
.t26-p5-366 { position:relative; }
.t26-p5-367 { position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--t26-muted);font-size:.8rem;pointer-events:none; }
.t26-p5-368 { width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:var(--t26-text);padding:10px 14px 10px 38px;font-size:.875rem;outline:none;transition:border-color .2s; }
.t26-p5-369 { display:flex;align-items:center;gap:10px;margin-bottom:12px;margin-top:24px; }
.t26-p5-370 { font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t26-muted);white-space:nowrap;padding:3px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:20px; }
.t26-p5-371 { display:flex; }
.t26-p5-372 { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:12px;padding:14px;opacity:0.5;cursor:not-allowed; }
.t26-p5-373 { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:9px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }
.t26-p5-374 { color:var(--t26-muted);font-size:.75rem;opacity:.7;line-height:1.4;margin-top:2px; }
.t26-p5-375 { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:14px;transition:all .2s ease; }
.t26-p5-376 { ', 'style=; }
.t26-p5-377 { color:var(--t26-muted);font-size:.75rem;line-height:1.4;margin-top:2px; }
.t26-p5-378 { color:var(--t26-muted);font-size:.7rem;opacity:.5;flex-shrink:0;margin-top:4px; }
.t26-p5-379 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden; }
.t26-p5-380 { height:3px;background:linear-gradient(135deg,#EF4444,#F97316); }
.t26-p5-381 { background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:9px;padding:8px 10px; }
.t26-p5-382 { color:#F87171;font-size:.9rem; }
.t26-p5-383 { color:var(--t26-text);font-size:.95rem; }
.t26-p5-384 { padding:20px 24px;color:var(--t26-muted);font-size:.875rem;line-height:1.6; }
.t26-p5-385 { padding:9px 28px;border-radius:9px;background:linear-gradient(135deg,#EF4444,#F97316)!important; }
.t26-p5-386 { border-bottom:1px solid var(--t26-border); }
.t26-p5-387 { min-width:220px; }
.t26-p5-388 { gap:0; }
.t26-p5-389 { border-radius:10px 0 0 10px!important;padding-left:1rem;font-size:.875rem; }
.t26-p5-390 { border-radius:0 10px 10px 0;padding:.6rem 1rem; }
.t26-p5-391 { display:block;aspect-ratio:16/9;overflow:hidden;background:rgba(124,58,237,0.2); }
.t26-p5-392 { object-fit:cover;object-position:center;transition:transform 0.4s ease; }
.t26-p5-393 { background:linear-gradient(135deg,rgba(124,58,237,0.3) 0%,rgba(6,182,212,0.2) 100%); }
.t26-p5-394 { font-size:3rem;color:rgba(255,255,255,0.2); }
.t26-p5-395 { padding:1.5rem; }
.t26-p5-396 { display:inline-block;background:rgba(124,58,237,0.2);color:var(--t26-primary-light);border-radius:20px;padding:.2rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem;text-decoration:none; }
.t26-p5-397 { line-height:1.4;color:var(--t26-text); }
.t26-p5-398 { color:var(--t26-muted);font-size:.875rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem; }
.t26-p5-399 { width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--t26-border); }
.t26-p5-400 { font-size:.8rem;color:var(--t26-muted); }
.t26-p5-401 { padding:.3rem .9rem;font-size:.8rem; }
.t26-p5-402 { font-size:.85rem;background:transparent;padding:0; }
.t26-p5-403 { display:inline-block;background:rgba(124,58,237,0.2);color:var(--t26-primary-light);border-radius:20px;padding:.25rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:1rem;text-decoration:none; }
.t26-p5-404 { font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;letter-spacing:-.02em; }
.t26-p5-405 { border-top:1px solid var(--t26-border);border-bottom:1px solid var(--t26-border); }
.t26-p5-406 { width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--t26-border); }
.t26-p5-407 { margin:0 .4rem; }
.t26-p5-408 { border-radius:16px;overflow:hidden;aspect-ratio:21/9;border:1px solid var(--t26-border); }
.t26-p5-409 { object-fit:cover;object-position:center; }
.t26-p5-410 { padding-top:60px;border-top:1px solid var(--t26-border); }
.t26-p5-411 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 1) 50%); }
.t26-p5-412 { max-height: 200px; }
.t26-p5-413 { max-width: 200px; }
.t26-p5-414 { background: linear-gradient(220.55deg, '.$config->homecolor->c2.' 0%, '.$config->homecolor->c1.' 100%) !important; }
.t26-p5-415 { position:absolute;width:340px;height:340px;background:radial-gradient(circle,#10B981 0%,transparent 70%);top:-130px;right:-60px;opacity:.15;border-radius:50%;animation:orbFloat 8s ease-in-out infinite;pointer-events:none; }
.t26-p5-416 { position:absolute;width:200px;height:200px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);bottom:-80px;left:25%;opacity:.1;border-radius:50%;animation:orbFloat 11s ease-in-out infinite reverse;pointer-events:none; }
.t26-p5-417 { background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);border-radius:16px;padding:16px;flex-shrink:0;transition:transform .3s ease; }
.t26-p5-418 { font-size:1.7rem;color:#34D399; }
.t26-p5-419 { padding:10px 22px;border-radius:11px;text-decoration:none;font-size:.9rem; }
.t26-p5-420 { background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2);border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-421 { color:#34D399;font-size:.75rem; }
.t26-p5-422 { display:inline-block;background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:6px;padding:2px 10px;font-size:.73rem;font-weight:600; }
.t26-p5-423 { display:inline-block;background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:6px;padding:2px 10px;font-size:.73rem;font-weight:600; }
.t26-p5-424 { display:inline-block;background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);border-radius:6px;padding:2px 10px;font-size:.73rem;font-weight:600; }
.t26-p5-425 { padding:14px 20px;border:none;vertical-align:middle;text-align:right; }
.t26-p5-426 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center; }
.t26-p5-427 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0;min-width:160px; }
.t26-p5-428 { color:var(--t26-text);padding:8px 16px;font-size:.875rem; }
.t26-p5-429 { border-color:rgba(255,255,255,0.08);margin:4px 0; }
.t26-p5-430 { color:#EF4444;padding:8px 16px;font-size:.875rem; }
.t26-p5-431 { width:64px;height:64px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-p5-432 { font-size:1.5rem;color:#34D399; }
.t26-p5-433 { background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:8px;padding:7px 9px; }
.t26-p5-434 { color:#34D399; }
.t26-p5-435 { color:var(--t26-muted);font-size:.85rem;line-height:1.7;margin-bottom:1rem; }
.t26-p5-436 { background:rgba(16,185,129,0.07);border:1px solid rgba(16,185,129,0.2);border-radius:10px; }
.t26-p5-437 { color:#34D399;font-size:.88rem;font-family:monospace; }
.t26-p5-438 { padding:20px 24px;color:var(--t26-muted);font-size:.9rem; }
.t26-p5-439 { padding:9px 28px;border-radius:9px; }
.t26-p5-440 { border-radius:9px;text-decoration:none;border:1px solid rgba(124,58,237,0.6);background:rgba(124,58,237,0.15);color:var(--t26-text);font-size:.875rem;transition:all .2s; }
.t26-p5-441 { border-radius:9px;text-decoration:none;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:var(--t26-text);font-size:.875rem;transition:all .2s; }
.t26-p5-442 { background:rgba(255,255,255,0.06);border-radius:8px;overflow:hidden;height:10px;margin-bottom:8px; }
.t26-p5-443 { font-size:clamp(80px,18vw,120px);font-weight:900;line-height:1;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem; }
.t26-p5-444 { font-size:1.8rem;font-weight:700;margin-bottom:.75rem; }
.t26-p5-445 { display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem; }
.t26-p5-446 { display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.85rem; }
.error-page { min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem; }
.t26-p5-447 { width:100px;height:100px;background:rgba(244,63,94,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:pulse-icon 2s ease-in-out infinite; }
.t26-p5-448 { font-size:2.8rem;color:var(--t26-rose); }
.t26-p5-449 { display:inline-block;padding:.4rem 1.2rem;border-radius:999px;background:rgba(244,63,94,0.12);border:1px solid rgba(244,63,94,0.3);font-size:.82rem;font-weight:600;color:var(--t26-rose);margin-bottom:1rem; }
.t26-p5-450 { font-size:2rem;font-weight:800;margin-bottom:.75rem;color:var(--t26-rose); }
.t26-p5-451 { color:var(--t26-muted);max-width:420px;margin:0 auto 1.5rem;font-size:.95rem; }
.t26-p5-452 { background:rgba(244,63,94,0.06);border:1px solid rgba(244,63,94,0.2);border-radius:14px;padding:1.5rem;margin:0 auto 2rem;max-width:420px;text-align:left; }
.t26-p5-453 { font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--t26-rose); }
.t26-p5-454 { list-style:none;padding:0;margin:0;color:var(--t26-muted);font-size:.88rem; }
.t26-p5-455 { padding:.5rem 0; }
.t26-p5-456 { position:relative;width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center; }
.t26-p5-457 { position:absolute;inset:0;border:2px solid var(--t26-cyan);border-radius:50%;animation:pulse-ring 2s ease-out infinite; }
.t26-p5-458 { position:absolute;inset:0;border:2px solid var(--t26-cyan);border-radius:50%;animation:pulse-ring 2s ease-out infinite;animation-delay:.5s; }
.t26-p5-459 { width:80px;height:80px;background:rgba(6,182,212,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center; }
.t26-p5-460 { font-size:2.2rem;color:var(--t26-cyan);animation:clock-tick 2s ease-in-out infinite; }
.t26-p5-461 { display:inline-block;padding:.4rem 1.2rem;border-radius:999px;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.3);font-size:.82rem;font-weight:600;color:var(--t26-cyan);margin-bottom:1rem; }
.t26-p5-462 { color:var(--t26-muted);max-width:380px;margin:0 auto 1.5rem;font-size:.95rem; }
.t26-p5-463 { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 auto 2rem;max-width:420px; }
.t26-p5-464 { display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.82rem;margin-bottom:1rem; }
.t26-p5-465 { width:100%;max-height:280px;object-fit:cover; }
.t26-p5-466 { flex:1; }
.t26-p5-467 { display:block;font-size:1.1rem;margin-bottom:.5rem; }
.t26-p5-468 { color:var(--t26-muted);font-size:.9rem;margin-bottom:1rem; }
.t26-p5-469 { display:inline-block;background:var(--t26-gradient);color:#fff;border-radius:10px;padding:.5rem 1.25rem;font-weight:600;font-size:.875rem;text-decoration:none; }
.t26-p5-470 { margin:0;color:var(--t26-muted);font-size:.85rem; }
.t26-p5-471 { max-width:100%;filter:brightness(0.9); }
.t26-p5-472 { display:inline-block;background:rgba(16,185,129,0.15);color:#10B981;border-radius:20px;padding:.25rem 1rem;font-size:.75rem;font-weight:700;margin-bottom:1rem;letter-spacing:.06em;text-transform:uppercase; }
.t26-p5-473 { font-size:1.4rem; }
.t26-p5-474 { color:var(--t26-muted);font-size:.9rem;margin-bottom:1.5rem; }
.t26-p5-475 { background:rgba(13,13,43,0.98);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--t26-border);position:fixed;top:0;left:0;right:0;z-index:100;height:56px; }
.t26-p5-476 { height:32px; }
.t26-p5-477 { color:var(--t26-text);font-weight:700;font-size:1rem; }
.t26-p5-478 { flex:1;text-align:center; }
.t26-p5-479 { color:var(--t26-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s; }
.t26-p5-480 { border:0;width:100%;height:100%;position:fixed;top:56px;left:0;right:0;bottom:0;z-index:1; }
.t26-p5-481 { width:100%;max-width:680px;position:relative;z-index:10; }
.t26-p5-482 { display:inline-block;width:36px;height:36px;background:rgba(124,58,237,0.2);border-radius:50%;line-height:36px;text-align:center;margin:0 .25rem;color:var(--t26-primary-light);transition:all .2s; }
.t26-p5-483 { display:flex;flex-direction:column;gap:1rem; }
.t26-p5-484 { padding:1rem 1.5rem;text-align:center;font-weight:600;color:var(--t26-text);text-decoration:none;display:block; }
.t26-p5-485 { opacity:.6; }
.t26-p5-486 { color:var(--t26-muted);font-weight:600;font-size:.9rem; }
.t26-p5-487 { background:var(--t26-bg);padding:50px 0 80px;position:relative; }
.t26-p5-488 { color:var(--t26-muted);font-size:.875rem; }
.t26-p5-489 { color:var(--t26-muted);font-size:.875rem;margin-top:.75rem;margin-bottom:0; }
.t26-p5-490 { border-color:var(--t26-border);margin:1rem 0; }
.t26-p5-491 { font-size:1.5rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-492 { color:var(--t26-muted);font-size:.9rem; }
.t26-p5-493 { min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden; }
.t26-p5-494 { width:100%;max-width:800px;position:relative;z-index:10; }
.t26-p5-495 { width:100%;height:200px;object-fit:cover; }
.t26-p5-496 { flex:1;min-width:0; }
.t26-p5-497 { color:var(--t26-muted);font-size:.9rem;margin-bottom:1.25rem; }
.t26-p5-498 { font-size:1.1rem;color:var(--t26-muted); }
.t26-p5-499 { border-color:var(--t26-border);margin:1.5rem 0; }
.t26-p5-500 { color:var(--t26-muted);font-size:.8rem;margin:0; }
.t26-p5-501 { margin-right:1.25rem;text-align:center;flex-shrink:0; }
.t26-p5-502 { font-size:2.5rem; }
.t26-p5-503 { font-size:2.5rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-504 { font-size:clamp(1.6rem,3.5vw,2.5rem); }
.t26-p5-505 { color:var(--t26-muted);font-size:1.05rem;margin:0; }
.t26-p5-506 { background:var(--t26-bg);position:relative;overflow:hidden; }
.t26-p5-507 { text-decoration:none;display:block;text-align:center; }
.t26-p5-508 { font-size:2.5rem;display:block;margin-bottom:.75rem; }
.t26-p5-509 { font-size:2.5rem;display:block;margin-bottom:.75rem;background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-510 { color:var(--t26-primary-light);font-size:.8rem;font-weight:600; }
.t26-p5-511 { font-size:1.75rem;color:var(--t26-primary-light); }
.t26-p5-512 { font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin-bottom:.5rem; }
.t26-p5-513 { color:var(--t26-muted);font-size:.85rem;margin-bottom:2rem; }
.t26-p5-514 { text-align:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--t26-border); }
.t26-p5-515 { color:var(--t26-muted);margin-bottom:1rem; }
.t26-p5-516 { color:var(--t26-muted);font-size:.875rem;padding:.5rem .75rem;border-radius:8px;transition:all .2s;border:1px solid transparent;display:block; }
.t26-p5-517 { padding:80px 0 60px;text-align:center;position:relative; }
.t26-p5-518 { font-size:clamp(1.8rem,4vw,2.8rem); }
.t26-p5-519 { border-radius:50px;background:rgba(255,255,255,0.06);border:1.5px solid var(--t26-border,rgba(255,255,255,0.08));padding:.5rem .5rem .5rem 1rem;display:flex;align-items:center;gap:.75rem; }
.t26-p5-520 { color:var(--t26-muted,rgba(241,245,249,0.55)); }
.t26-p5-521 { flex:1;background:transparent;border:none;outline:none;color:var(--t26-text,#F1F5F9);font-size:1rem; }
.t26-p5-522 { background:linear-gradient(135deg,#7C3AED 0%,#06B6D4 100%);border:none;color:#fff;border-radius:50px;padding:.6rem 1.5rem;font-weight:600;transition:all .3s; }
.t26-p5-523 { margin-top:1.25rem; }
.t26-p5-524 { color:var(--t26-muted,rgba(241,245,249,0.55));font-size:.8rem;margin-bottom:.75rem; }
.t26-p5-525 { font-size:.72rem;color:#10B981;font-weight:600; }
.t26-p5-526 { color:var(--t26-muted);transition:color .2s; }
.t26-p5-527 { background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);border-radius:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-528 { color:#7C3AED;font-size:1.1rem; }
.t26-p5-529 { background:rgba(255,233,41,0.15);border:1px solid rgba(255,233,41,0.3);border-radius:10px;padding:8px 10px;margin-right:12px;display:inline-flex;align-items:center; }
.t26-p5-530 { color:#FFE929;font-size:1.2rem; }
.t26-p5-531 { color:var(--t26-muted);font-size:.8rem;margin-top:.5rem; }
.t26-p5-532 { background:rgba(124,58,237,0.15);color:#A78BFA;border:1px solid rgba(124,58,237,0.3);border-radius:6px;padding:2px 8px;font-size:.75rem; }
.t26-p5-533 { border-color:rgba(245,158,11,0.3); }
.t26-p5-534 { color:#F59E0B; }
.t26-p5-535 { font-size:1.2rem; }
.t26-p5-536 { padding:8px 20px;border-radius:9px;text-decoration:none; }
.t26-p5-537 { color:var(--t26-muted);font-size:.8rem;word-break:break-all; }
.t26-p5-538 { color:var(--t26-muted);font-size:.8rem;word-break:break-all;margin-bottom:0; }
.t26-p5-539 { color:var(--t26-text);background:rgba(124,58,237,0.15);border-radius:8px;text-decoration:none;font-size:.875rem; }
.t26-p5-540 { color:var(--t26-muted);border-radius:8px;text-decoration:none;font-size:.875rem; }
.t26-p5-541 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px; }
.t26-p5-542 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;color:var(--t26-text);font-size:.8rem;overflow-x:auto;margin-bottom:0; }
.t26-p5-543 { background:var(--t26-gradient);border:none;color:#fff; }
.t26-p5-544 { background:var(--t26-bg)!important; }
.t26-p5-545 { border-radius:0!important;background:rgba(16,185,129,0.2)!important;border:none!important;border-bottom:1px solid rgba(16,185,129,0.3)!important; }
.t26-p5-546 { background:rgba(255,255,255,0.1);color:var(--t26-text);border:1px solid rgba(255,255,255,0.2);border-radius:8px; }
.t26-p5-547 { max-height:30px; }
.t26-p5-548 { background:var(--t26-gradient);font-size:.65rem; }
.t26-p5-549 { font-size:.85rem; }
.t26-p5-550 { cursor:pointer;color:var(--t26-muted); }
.t26-p5-551 { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:199; }
.t26-p5-552 { max-width:460px; }
.t26-p5-553 { background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:10px;color:#EF4444;font-size:.875rem; }
.t26-p5-554 { color:#7C3AED;font-size:.8rem; }
.t26-p5-555 { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px; }
.t26-p5-556 { width:56px;height:56px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem; }
.t26-p5-557 { color:var(--t26-text);font-size:1rem;display:block;margin-bottom:.75rem; }
.t26-p5-558 { background-color:#fff;color:#000; }
.t26-p5-559 { color:var(--t26-text);font-size:.875rem;font-weight:500; }
.t26-p5-560 { background:rgba(255,255,255,0.06);border-radius:6px;height:6px;overflow:hidden; }
.t26-p5-561 { color:var(--t26-muted);font-size:.85rem;margin-top:1rem;margin-bottom:0; }
.t26-p5-562 { background:var(--t26-bg);padding:80px 0 60px;position:relative;overflow:hidden; }
.t26-p5-563 { padding:2rem 1rem 4rem; }
.t26-p5-564 { display:inline-flex;align-items:center;gap:.5rem;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);border-radius:50px;padding:.4rem 1.1rem;font-size:.8rem;font-weight:600;color:var(--t26-primary-light);letter-spacing:.08em;margin-bottom:1.5rem; }
.t26-p5-565 { font-size:clamp(2rem,5vw,3.5rem);line-height:1.15; }
.t26-p5-566 { color:var(--t26-muted);font-size:1.15rem;max-width:600px;margin:0 auto 2.5rem; }
.t26-p5-567 { width:56px;height:56px;background:rgba(124,58,237,0.15);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-568 { width:56px;height:56px;background:rgba(6,182,212,0.15);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-569 { font-size:1.4rem;color:var(--t26-cyan); }
.t26-p5-570 { width:56px;height:56px;background:rgba(16,185,129,0.15);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-571 { background:var(--t26-bg2);padding:60px 0 80px; }
.t26-p5-572 { font-size:clamp(1.6rem,3vw,2.2rem); }
.t26-p5-573 { font-size:.9rem;padding:.7rem 1.75rem; }
.t26-p5-574 { width:100%;max-width:600px;position:relative;z-index:10; }
.t26-p5-575 { width:64px;height:64px;background:rgba(16,185,129,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem; }
.t26-p5-576 { font-size:1.5rem;color:#10B981; }
.t26-p5-577 { color:var(--t26-muted);text-align:center;margin-bottom:2rem; }
.ctp-hero { position:relative;padding:80px 0 50px;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(124,58,237,0.15) 0%,transparent 70%),var(--t26-bg); }
.ctp-hero-glow { position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,0.5) 40%,rgba(6,182,212,0.4) 60%,transparent); }
.ctp-hero-text { max-width:560px;margin:0 auto; }
.ctp-badge { display:inline-flex;align-items:center;padding:.35rem 1rem;border-radius:999px;background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.3);font-size:.8rem;font-weight:600;color:#a78bfa;margin-bottom:1.25rem;letter-spacing:.03em; }
.ctp-title { font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#e2e8f0 30%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem; }
.ctp-subtitle { color:rgba(241,245,249,0.5);font-size:1rem;line-height:1.7;margin-bottom:0; }
.ctp-body { padding:50px 0 90px;background:var(--t26-bg); }
.ctp-info-panel { background:linear-gradient(145deg,rgba(124,58,237,0.1) 0%,rgba(15,14,40,0.6) 60%);border:1px solid rgba(124,58,237,0.2);border-radius:20px;padding:2rem;position:relative;overflow:hidden; }
.ctp-info-title { font-size:1.2rem;font-weight:700;color:var(--t26-text);margin-bottom:.5rem; }
.ctp-info-sub { color:rgba(241,245,249,0.45);font-size:.875rem;line-height:1.7;margin-bottom:1.75rem; }
.ctp-info-card { display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:14px;margin-bottom:.75rem; }
.ctp-info-icon { width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem; }
.ctp-icon-purple { background:rgba(124,58,237,0.2);color:#a78bfa; }
.ctp-icon-cyan { background:rgba(6,182,212,0.15);color:#67e8f9; }
.ctp-info-label { font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(241,245,249,0.35);margin-bottom:.2rem; }
.ctp-info-value { font-size:.875rem;color:rgba(241,245,249,0.75);font-weight:500; }
.ctp-social-row { margin-top:1.5rem; }
.ctp-panel-deco { position:absolute;bottom:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,0.15) 0%,transparent 70%);pointer-events:none; }
.ctp-form-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.5rem; }
.ctp-form-header { margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.07); }
.ctp-form-title { font-size:1.3rem;font-weight:700;color:var(--t26-text);margin-bottom:.4rem; }
.ctp-form-sub { color:rgba(241,245,249,0.45);font-size:.875rem;margin:0; }
.ctp-label { display:block;font-size:.8rem;font-weight:600;color:rgba(241,245,249,0.55);margin-bottom:.5rem;letter-spacing:.02em; }
.ctp-req { color:#f87171; }
.ctp-input { width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:.8rem 1rem;color:var(--t26-text);font-size:.9rem;transition:border-color .2s,box-shadow .2s;outline:none; }
.ctp-input::placeholder { color:rgba(241,245,249,0.25); }
.ctp-input:focus { border-color:rgba(124,58,237,0.6);box-shadow:0 0 0 3px rgba(124,58,237,0.12); }
.ctp-textarea { height:150px;resize:vertical; }
.ctp-secure { display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:rgba(241,245,249,0.35); }
.ctp-secure i { color:rgba(124,58,237,0.6); }
.ctp-submit { display:inline-flex;align-items:center;padding:.7rem 1.75rem;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:opacity .2s,transform .15s;text-decoration:none; }
.ctp-submit:hover { opacity:.88;transform:translateY(-1px);color:#fff; }
.ctp-success-overlay { position:absolute;inset:0;background:rgba(7,7,26,0.97);border-radius:20px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(1.03);transition:opacity .35s ease,transform .35s ease; }
.ctp-success-overlay.ctp-success-visible { opacity:1;pointer-events:all;transform:scale(1); }
.ctp-success-inner { text-align:center;padding:2rem;max-width:360px; }
.ctp-success-icon { width:80px;height:80px;margin:0 auto 1.5rem; }
.ctp-checkmark { width:80px;height:80px; }
.ctp-checkmark-circle { stroke:rgba(124,58,237,0.4);stroke-width:2;stroke-dasharray:150;stroke-dashoffset:150;transition:stroke-dashoffset .6s ease .1s; }
.ctp-checkmark-check { stroke:url(#ctp-grad);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;transition:stroke-dashoffset .5s ease .5s; }
.ctp-success-visible .ctp-checkmark-circle { stroke-dashoffset:0; }
.ctp-success-visible .ctp-checkmark-check { stroke-dashoffset:0; }
.ctp-success-title { font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#e2e8f0,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem; }
.ctp-success-msg { color:rgba(241,245,249,0.55);font-size:.9rem;line-height:1.7;margin-bottom:2rem; }
.ctp-success-back { display:inline-flex;align-items:center;padding:.6rem 1.5rem;border-radius:10px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.35);color:#a78bfa;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s; }
.ctp-success-back:hover { background:rgba(124,58,237,0.25);border-color:rgba(124,58,237,0.55); }
@keyframes ctp-spin { to { transform:rotate(360deg); } }
@keyframes ctp-shake { 0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-6px)} 40%,80%{transform:translateX(6px)} }
.t26-p5-578 { background:var(--t26-bg);padding:60px 0 80px;position:relative;overflow:hidden; }
.t26-p5-579 { width:44px;height:44px;background:rgba(124,58,237,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-580 { width:44px;height:44px;background:rgba(6,182,212,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-581 { height:140px; }
.t26-p5-582 { margin-top:1rem;padding:.75rem 1rem;background:rgba(124,58,237,0.08);border-radius:10px;font-size:.8rem;color:var(--t26-muted);display:flex;align-items:center;gap:.5rem; }
.t26-p5-583 { background:var(--t26-bg);padding:20px 0 60px; }
.t26-p5-584 { color:var(--t26-muted);font-size:.85rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,0.08); }
.t26-p5-585 { color:rgba(255,255,255,0.8);line-height:1.8; }
.t26-p5-586 { padding:80px 0 50px;position:relative;overflow:hidden;background:var(--t26-bg); }
.t26-p5-587 { position:absolute;width:400px;height:400px;background:rgba(124,58,237,0.12);border-radius:50%;filter:blur(80px);top:-100px;left:-100px;pointer-events:none; }
.t26-p5-588 { font-size:clamp(2rem,5vw,3rem); }
.t26-p5-589 { background:var(--t26-bg);padding:50px 0 80px; }
.t26-p5-590 { width:36px;height:36px;background:rgba(16,185,129,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-591 { width:36px;height:36px;background:rgba(124,58,237,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-592 { color:var(--t26-primary-light);font-size:.85rem; }
.t26-p5-593 { font-size:1.15rem; }
.t26-p5-594 { height:200px; }
.t26-p5-595 { object-fit:cover;transition:transform .4s ease; }
.t26-p5-596 { color:var(--t26-text);text-decoration:none;font-size:1rem;line-height:1.5;transition:color .2s; }
.t26-p5-597 { color:var(--t26-muted);font-size:.78rem; }
.t26-p5-598 { color:var(--t26-muted);font-size:.85rem;line-height:1.7;margin-top:10px;margin-bottom:0; }
.t26-p5-599 { padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between; }
.t26-p5-600 { width:28px;height:28px;border-radius:50%;background:var(--t26-gradient);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff; }
.t26-p5-601 { font-size:.72rem;font-weight:600;background:rgba(124,58,237,0.15);color:#A78BFA;border:1px solid rgba(124,58,237,0.25);border-radius:20px;padding:3px 10px;text-decoration:none; }
.t26-p5-602 { vertical-align:middle; }
.t26-p5-603 { padding:8px 18px;border-radius:9px;text-decoration:none;font-size:.875rem; }
.t26-p5-604 { color:var(--t26-muted);max-width:520px;margin:0 auto; }
.t26-p5-605 { position:relative;z-index:1;padding-bottom:80px; }
.t26-p5-606 { display:inline-flex;gap:.5rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:50px;padding:.4rem; }
.t26-p5-607 { position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#10B981,#059669);color:#fff;border-radius:20px;padding:.1rem .5rem;font-size:.65rem;font-weight:700;white-space:nowrap; }
.t26-p5-608 { color:var(--t26-muted);margin:0; }
.t26-p5-609 { padding:80px 0 0; }
.t26-p5-610 { font-size:clamp(1.6rem,3vw,2.5rem); }
.t26-p5-611 { overflow:hidden;border-radius:0 0 16px 16px; }
.t26-p5-612 { max-height:200px;object-fit:cover; }
.t26-p5-613 { min-height:38px; }
.t26-p5-614 { padding:10px;border-radius:10px; }
.t26-p5-615 { height:500px; }
.t26-p5-616 { color:var(--t26-text);box-shadow:none;min-width:220px; }
.t26-p5-617 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:6px;padding:3px 10px;font-size:.8rem; }
.t26-p5-618 { background:rgba(124,58,237,0.15);color:#a78bfa;border:1px solid rgba(124,58,237,0.3);border-radius:6px;padding:3px 10px;font-size:.8rem; }
.t26-p5-619 { width:44px;height:44px;object-fit:cover;border:2px solid rgba(255,255,255,0.08); }
.t26-p5-620 { color:var(--t26-text);text-decoration:none; }
.t26-p5-621 { min-height:36px; }
.t26-p5-622 { color:var(--t26-text);font-size:.875rem;font-weight:600; }
.t26-p5-623 { opacity:.6; }
.t26-p5-624 { appearance:auto;height:180px; }
.t26-p5-625 { max-height:260px;overflow:auto; }
.t26-p5-626 { border-bottom:1px solid rgba(255,255,255,0.06);min-height:38px; }
.t26-p5-627 { color:var(--t26-text);text-decoration:none;font-size:.85rem; }
.t26-p5-628 { height:320px; }
.t26-p5-629 { color:var(--t26-text);font-size:1.1rem; }
.t26-p5-630 { color:#7C3AED;text-decoration:none; }
.t26-p5-631 { padding:9px 16px;border-radius:9px;font-size:.85rem;text-decoration:none; }
.t26-p5-632 { padding:10px 20px;border-radius:11px;font-size:.9rem;border:none;cursor:pointer; }
.t26-p5-633 { display:flex;align-items:center;gap:8px; }
.t26-p5-634 { background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.15);border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.78rem;color:var(--t26-muted); }
.t26-p5-635 { color:#7C3AED;font-size:.75rem;text-decoration:none; }
.t26-p5-636 { padding:14px 20px;border:none;vertical-align:middle;font-size:.85rem;color:var(--t26-muted); }
.t26-p5-637 { color:var(--t26-muted);font-size:.82rem; }
.t26-p5-638 { padding:14px 20px;border:none;vertical-align:middle;font-size:.82rem;color:var(--t26-muted); }
.t26-p5-639 { font-size:.78rem;padding:5px 12px;border-radius:7px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);color:#F87171;text-decoration:none;white-space:nowrap;transition:all .2s; }
.t26-p5-640 { padding:48px 20px;text-align:center; }
.t26-p5-641 { width:48px;height:48px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem; }
.t26-p5-642 { color:#A78BFA; }
.t26-p5-643 { color:var(--t26-muted);font-size:.87rem;margin:0; }
.t26-p5-644 { background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);border-radius:8px;padding:7px 9px; }
.t26-p5-645 { background:var(--t26-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-p5-646 { background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center; }
.t26-p5-647 { background:var(--t26-bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:6px 0; }
.t26-p5-648 { display:block;padding:8px 14px;font-size:.82rem;color:#F87171;text-decoration:none; }
.t26-p5-649 { font-size:.82rem;color:var(--t26-muted);line-height:1.65;margin-bottom:16px; }
.t26-p5-650 { font-size:.79rem; }
.t26-p5-651 { position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:.75rem;padding:4px 10px;border-radius:7px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.3);color:var(--t26-accent);text-decoration:none;white-space:nowrap; }
.t26-p5-652 { border-left:3px solid rgba(124,58,237,0.4); }
.t26-p5-653 { color:var(--t26-muted);font-size:.82rem;line-height:1.75;padding-left:1.2rem;margin:0; }
.t26-p5-654 { padding:8px;border-radius:9px;font-size:.82rem;text-decoration:none; }
.t26-p5-655 { padding:9px 24px;border-radius:9px;border:none;cursor:pointer; }
.t26-p5-656 { padding:9px 24px;border-radius:9px; }
.t26-p5-657 { padding:9px 24px;border-radius:9px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);color:#F87171;cursor:pointer; }
.t26-p5-658 { font-size:3rem;color:var(--t26-muted);opacity:.3; }
.t26-p5-659 { color:var(--t26-muted);font-size:.9rem;margin-bottom:0; }
.t26-p5-660 { padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.06); }
.t26-p5-661 { width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(124,58,237,0.3),rgba(6,182,212,0.3));border:1px solid rgba(124,58,237,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.t26-p5-662 { font-size:.85rem;color:var(--t26-accent); }
.t26-p5-663 { color:var(--t26-muted);font-size:.85rem;line-height:1.6;margin-bottom:8px; }
.t26-p5-664 { font-size:.75rem;color:var(--t26-muted);opacity:.7; }
.t26-notif-del { width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--t26-muted);border:1px solid transparent;transition:color .15s,border-color .15s,background .15s;text-decoration:none; }
.t26-notif-del:hover { color:#f87171;border-color:rgba(248,113,113,0.3);background:rgba(248,113,113,0.08); }
.t26-notif-modal { background:var(--t26-card);border:1px solid rgba(255,255,255,0.08);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.5); }
.t26-notif-modal-icon { width:52px;height:52px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.25);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#f87171;font-size:1.1rem; }
.t26-notif-modal-confirm { display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.875rem;font-weight:500;text-decoration:none;padding:.45rem 1rem;transition:opacity .15s; }
.t26-notif-modal-confirm:hover { opacity:.85;color:#fff; }
.t26-p5-665 { width:28px;height:28px;border-radius:6px;background:'+bg+';border:1px solid '+border+';'
+'display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;'
+todayRing
+'cursor:'+(hasCnt?'pointer':'default')+';transition:transform .12s,box-shadow .12s; }
.t26-p5-666 { color:#10B981;font-size:1.2rem; }
.t26-p5-667 { color:var(--t26-muted);font-size:.9rem;margin-bottom:1rem; }
.t26-p5-668 { color:var(--t26-muted);font-size:.9rem;margin-bottom:2rem; }
.t26-p5-669 { padding:.6rem; }
.t26-p5-670 { color:#EF4444;font-weight:600; }
.t26-p5-671 { color:#10B981;font-weight:600; }
.t26-p5-672 { color:#7C3AED;font-weight:600; }
.t26-p5-673 { color:var(--t26-muted);font-size:.8rem;margin-top:.25rem; }
.t26-p5-674 { border-bottom:1px solid rgba(255,255,255,0.05); }
.t26-p5-675 { padding:14px 20px;border:none;font-weight:600; }
.t26-p5-676 { background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.3);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600; }
.t26-p5-677 { background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600; }
.t26-p5-678 { background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600; }
.t26-p5-679 { font-size:2rem;font-weight:800;background:linear-gradient(135deg,#7C3AED,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.t26-dyn-bg { background-color:var(--t26-bg); }
.t26-dyn-color { color:var(--t26-color); }
.t26-dyn-w { width:var(--t26-dyn-w); }
.t26-bio-mode-active { background:rgba(124,58,237,0.2); border-color:rgba(124,58,237,0.5); }
.t26-dyn-poll { background-color:var(--t26-poll-bg); color:var(--t26-poll-c); }
.t26-dyn-poll-btn { background-color:var(--t26-poll-btnbg); color:var(--t26-poll-btnc); }
.t26-poll-bar { background:var(--t26-gradient-text); height:100%; width:var(--t26-dyn-w); border-radius:6px; }
.t26-dyn-label { background-color:var(--t26-label-bg); color:var(--t26-label-c); }
.t26-dyn-msg-btn { display:var(--t26-msg-d, inline-block); background-color:var(--t26-msg-btnbg); color:var(--t26-msg-btnc); }
.t26-dyn-profile-bg { background-color:var(--t26-pbg); background-image:var(--t26-pbgi, none); background-size:cover; }
.t26-domain-tab { border-radius:9px; text-decoration:none; border:1px solid var(--t26-dtbd); background:var(--t26-dtbg); color:var(--t26-text); font-size:.875rem; transition:all .2s; }
.t26-sidebar-ch-inactive { background:rgba(124,58,237,0.06); border:1px solid rgba(124,58,237,0.12); }
.t26-avatar-overlap { margin-left:-8px; }
.t26-progress-bar { height:100%; background:linear-gradient(135deg,#7C3AED,#06B6D4); border-radius:8px; width:var(--t26-dyn-w); }
.t26-widget-icon { background:var(--t26-wibg); border:1px solid var(--t26-wibd); border-radius:9px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; overflow:hidden; }
.t26-widget-icon i { color:var(--t26-wic,#A78BFA); font-size:1rem; line-height:1; }
.t26-widget-icon img { width:22px; height:22px; object-fit:contain; }
@keyframes db-fade-up { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
@keyframes db-bar-fill { from{width:0%} }
@keyframes db-pulse-ring{ 0%{transform:scale(1);opacity:.6} 100%{transform:scale(1.8);opacity:0} }
@keyframes db-shimmer { 0%{background-position:-400px 0} 100%{background-position:400px 0} }
@keyframes db-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
.db-section { opacity:0; animation:db-fade-up .5s ease both; }
.db-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:20px; position:relative; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.db-card:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,.25); border-color:rgba(124,58,237,.3); }
.db-card::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(124,58,237,.05) 0%,rgba(6,182,212,.02) 100%); opacity:0; transition:opacity .25s; pointer-events:none; }
.db-card:hover::before { opacity:1; }
.db-stat-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.db-counter { font-size:1.85rem; font-weight:800; line-height:1; background:var(--t26-gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-variant-numeric:tabular-nums; }
.db-progress-bar { height:5px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; margin-top:10px; }
.db-progress-fill { height:100%; border-radius:99px; background:var(--t26-gradient); animation:db-bar-fill .9s cubic-bezier(.4,0,.2,1) both; }
.db-live-dot { width:8px; height:8px; border-radius:50%; background:#10B981; position:relative; flex-shrink:0; }
.db-live-dot::after { content:''; position:absolute; inset:-3px; border-radius:50%; background:rgba(16,185,129,.35); animation:db-pulse-ring 1.4s cubic-bezier(.4,0,.6,1) infinite; }
.db-activity-item { border-radius:12px; padding:12px 14px; border:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.025); transition:background .2s, border-color .2s; margin-bottom:8px; }
.db-activity-item:hover { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1); }
.db-aud-bar { height:6px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; }
.db-aud-fill { height:100%; border-radius:99px; background:var(--t26-gradient); animation:db-bar-fill .8s cubic-bezier(.4,0,.2,1) both; }
.db-quick-btn { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); text-decoration:none; color:var(--t26-text); transition:transform .2s, background .2s, border-color .2s, box-shadow .2s; cursor:pointer; }
.db-quick-btn:hover { transform:translateY(-3px); background:rgba(124,58,237,.1); border-color:rgba(124,58,237,.3); box-shadow:0 8px 24px rgba(124,58,237,.15); color:var(--t26-text); }
.db-quick-btn .db-quick-icon { width:42px; height:42px; border-radius:12px; background:rgba(124,58,237,.15); display:flex; align-items:center; justify-content:center; transition:background .2s; }
.db-quick-btn:hover .db-quick-icon { background:rgba(124,58,237,.25); }
.db-welcome-card { background:linear-gradient(135deg,rgba(124,58,237,.18) 0%,rgba(6,182,212,.08) 100%); border:1px solid rgba(124,58,237,.25); border-radius:20px; padding:24px 28px; position:relative; overflow:hidden; }
.db-welcome-card::before { content:''; position:absolute; right:-60px; top:-60px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%); pointer-events:none; }
.db-welcome-card::after { content:''; position:absolute; right:40px; bottom:-40px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%); pointer-events:none; }
.db-ring { transform:rotate(-90deg); transform-origin:50% 50%; }
.db-ring-track { fill:none; stroke:rgba(255,255,255,.07); stroke-width:4; }
.db-ring-fill { fill:none; stroke-width:4; stroke-linecap:round; stroke:url(#ringGrad); transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1); }
.db-shorten-card { background:linear-gradient(135deg,rgba(124,58,237,.12) 0%,rgba(6,182,212,.06) 100%); border:1px solid rgba(124,58,237,.22); border-radius:20px; padding:28px; position:relative; overflow:hidden; margin-bottom:1.5rem; isolation:isolate; }
.db-shorten-card::before { content:''; position:absolute; right:-80px; top:-80px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 70%); pointer-events:none; }
.db-shorten-card::after { content:''; position:absolute; left:-40px; bottom:-60px; width:160px; height:160px; border-radius:50%; background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%); pointer-events:none; }
.db-shorten-inner { position:relative; z-index:1; }
.daterangepicker { background:var(--t26-bg2)!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:14px!important; box-shadow:0 20px 60px rgba(0,0,0,.5)!important; color:var(--t26-text)!important; font-family:inherit!important; }
.daterangepicker::before, .daterangepicker::after { display:none!important; }
.daterangepicker .calendar-table { background:transparent!important; border:none!important; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { color:var(--t26-text)!important; border-radius:8px!important; }
.daterangepicker .calendar-table th { color:rgba(255,255,255,.4)!important; font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background:rgba(124,58,237,.25)!important; color:#fff!important; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background:transparent!important; color:rgba(255,255,255,.15)!important; }
.daterangepicker td.in-range { background:rgba(124,58,237,.15)!important; color:var(--t26-text)!important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background:linear-gradient(135deg,#7C3AED,#06B6D4)!important; color:#fff!important; border-radius:8px!important; }
.daterangepicker td.start-date.end-date { border-radius:8px!important; }
.daterangepicker td.start-date { border-radius:8px 0 0 8px!important; }
.daterangepicker td.end-date { border-radius:0 8px 8px 0!important; }
.daterangepicker .drp-buttons { border-top:1px solid rgba(255,255,255,.08)!important; background:transparent!important; padding:12px 16px!important; }
.daterangepicker .btn-primary { background:linear-gradient(135deg,#7C3AED,#06B6D4)!important; border:none!important; border-radius:8px!important; font-size:.8rem!important; }
.daterangepicker .btn-default { background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.1)!important; color:var(--t26-text)!important; border-radius:8px!important; font-size:.8rem!important; }
.daterangepicker .ranges ul { padding:8px!important; }
.daterangepicker .ranges li { border-radius:8px!important; color:rgba(255,255,255,.65)!important; font-size:.8rem!important; padding:7px 12px!important; margin-bottom:2px!important; }
.daterangepicker .ranges li:hover { background:rgba(124,58,237,.2)!important; color:#fff!important; }
.daterangepicker .ranges li.active { background:rgba(124,58,237,.3)!important; color:#fff!important; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.1)!important; color:var(--t26-text)!important; border-radius:6px!important; font-size:.8rem!important; }
.daterangepicker .drp-calendar.left { border-right:1px solid rgba(255,255,255,.07)!important; }
.daterangepicker .drp-selected { color:rgba(255,255,255,.4)!important; font-size:.75rem!important; }
.t26-s1 { background:#7C3AED; }
.t26-d1-ad { animation-delay: var(--t26-d1-ad); }
.t26-s2 { color:rgba(255,255,255,.2); }
.t26-s3 { background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.3);color:#A78BFA; }
.t26-s4 { color:#FBBF24; }
.t26-s5 { border-color:rgba(239,68,68,.1); }
.t26-s6 { background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#F87171; }
.t26-s7 { background:rgba(124,58,237,.15);color:#A78BFA; }
.t26-s8 { background:rgba(6,182,212,.15);color:#22D3EE; }
.t26-s9 { background:rgba(251,191,36,.15);color:#FBBF24; }
.t26-s10 { border-color:rgba(239,68,68,.12); }
.t26-s11 { background:rgba(239,68,68,.12);color:#F87171; }
.t26-s12 { transition-delay:.1s; }
.t26-s13 { --bfc:rgba(124,58,237,.18);--bfi:#a78bfa; }
.t26-s14 { --bfc:rgba(6,182,212,.18);--bfi:#67e8f9; }
.t26-s15 { --bfc:rgba(16,185,129,.18);--bfi:#34d399; }
.t26-s16 { --bfc:rgba(245,158,11,.18);--bfi:#fbbf24; }
.t26-s17 { --bfc:rgba(244,63,94,.18);--bfi:#fb7185; }
.t26-s18 { --bfc:rgba(139,92,246,.18);--bfi:#c4b5fd; }
.t26-s19 { --quic:#7c3aed; }
.t26-s20 { --quic:#06b6d4; }
.t26-s21 { --quic:#10b981; }
.t26-s22 { --quic:#f59e0b; }
.t26-s23 { --quic:#fb7185; }
.t26-s24 { --quic:#a78bfa; }
.t26-s25 { transition-delay:.15s; }
.t26-s26 { display:none; }
.t26-s27 { background:'+col+'; }
.t26-s28 { color:'+col+'; }
.t26-d1-c { color: var(--t26-d1-c); }