:root{
    --hp-bg:#070a08;
    --hp-bg-soft:#0d120f;
    --hp-panel:#121915;
    --hp-panel-2:#182019;
    --hp-green:#8edb32;
    --hp-green-2:#b1ff49;
    --hp-green-dark:#4a9018;
    --hp-text:#ffffff;
    --hp-muted:#aeb8af;
    --hp-soft:#dfe8dd;
    --hp-border:rgba(255,255,255,.095);
    --hp-border-green:rgba(142,219,50,.25);
    --hp-shadow:0 36px 90px rgba(0,0,0,.55);
    --hp-glow:0 0 70px rgba(142,219,50,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.hubbo-prime-body{margin:0;min-height:100vh;background:var(--hp-bg);color:var(--hp-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input{font-family:inherit}.hp-container{width:min(100% - 56px,1320px);margin:0 auto}.hp-page{min-height:100vh}.hp-site-shell{position:relative;z-index:1}

/* NAV */
.hp-navbar{position:fixed;z-index:80;top:16px;left:0;right:0;pointer-events:none;transition:top .28s ease,transform .28s ease}.hp-navbar__inner{height:84px;border-radius:24px;background:linear-gradient(180deg,rgba(15,20,17,.76),rgba(7,10,8,.66));border:1px solid rgba(255,255,255,.095);box-shadow:0 26px 78px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 16px 0 22px;pointer-events:auto;position:relative;overflow:hidden}.hp-navbar__inner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(142,219,50,.13),transparent 30%),linear-gradient(90deg,rgba(142,219,50,.08),transparent 22%,transparent 78%,rgba(142,219,50,.05));pointer-events:none;opacity:.75}.hp-navbar.is-scrolled{top:8px}.hp-navbar.is-scrolled .hp-navbar__inner{height:76px;background:linear-gradient(180deg,rgba(8,12,10,.90),rgba(5,8,6,.82));border-color:rgba(142,219,50,.18);box-shadow:0 20px 64px rgba(0,0,0,.54),0 0 44px rgba(142,219,50,.06)}.hp-navbar__brand{position:relative;z-index:1;display:flex;align-items:center;min-width:150px}.hp-navbar__brand img{height:56px;max-width:158px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.50)) drop-shadow(0 0 12px rgba(142,219,50,.12));transition:.2s ease}.hp-navbar__brand:hover img{transform:translateY(-1px);filter:drop-shadow(0 12px 22px rgba(0,0,0,.55)) drop-shadow(0 0 20px rgba(142,219,50,.22))}.hp-navbar__links{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.hp-nav-link{height:48px;display:inline-flex;align-items:center;gap:9px;padding:0 15px;border-radius:15px;color:#cbd5cc;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.025em;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;border:1px solid transparent;position:relative}.hp-nav-link:after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--hp-green-2),transparent);opacity:0;transform:scaleX(.45);transition:.2s ease}.hp-nav-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.065);color:#fff;border-color:rgba(255,255,255,.085);box-shadow:0 12px 24px rgba(0,0,0,.18)}.hp-nav-link.is-active{background:rgba(142,219,50,.095);color:#f7fff4;border-color:rgba(142,219,50,.22);box-shadow:0 0 34px rgba(142,219,50,.12),inset 0 1px rgba(255,255,255,.055)}.hp-nav-link.is-active:after{opacity:1;transform:scaleX(1)}.hp-nav-icon{color:var(--hp-green-2);font-size:15px;filter:drop-shadow(0 0 12px rgba(142,219,50,.36))}.hp-navbar__actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.hp-action{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;padding:0 15px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.045);color:#e3eee1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.hp-action:hover{transform:translateY(-2px);background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.13);box-shadow:0 14px 30px rgba(0,0,0,.23)}.hp-action__icon{font-size:15px;color:var(--hp-green-2);filter:drop-shadow(0 0 12px rgba(142,219,50,.25))}.hp-action--discord{background:rgba(255,255,255,.052)}.hp-action--live{border-color:rgba(142,219,50,.26);background:rgba(142,219,50,.075);color:#f1fbe9}.hp-action--live i{width:11px;height:11px;border-radius:50%;background:var(--hp-green);box-shadow:0 0 0 0 rgba(142,219,50,.65),0 0 18px rgba(142,219,50,.95);animation:hpLivePulse 1.75s ease-out infinite}.hp-live-text strong{font-weight:950}.hp-action--staff{background:linear-gradient(135deg,rgba(142,219,50,.95),rgba(80,175,22,.96));border-color:rgba(177,255,73,.52);color:#071005;box-shadow:0 16px 34px rgba(142,219,50,.24),inset 0 1px rgba(255,255,255,.32)}.hp-action--staff .hp-action__icon{color:#071005;filter:none}.hp-action--staff:hover{background:linear-gradient(135deg,var(--hp-green-2),#5ec21f);border-color:rgba(214,255,112,.66);box-shadow:0 22px 46px rgba(142,219,50,.34),0 0 32px rgba(142,219,50,.16);color:#071005}@keyframes hpLivePulse{0%{box-shadow:0 0 0 0 rgba(142,219,50,.62),0 0 18px rgba(142,219,50,.95)}70%{box-shadow:0 0 0 10px rgba(142,219,50,0),0 0 18px rgba(142,219,50,.95)}100%{box-shadow:0 0 0 0 rgba(142,219,50,0),0 0 18px rgba(142,219,50,.95)}}.hp-mobile-toggle{position:relative;z-index:1;display:none;height:46px;width:50px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#fff;font-size:23px}.hp-mobile-menu{display:none;position:fixed;z-index:79;top:104px;left:28px;right:28px;padding:16px;border-radius:22px;background:rgba(8,12,9,.96);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(22px);box-shadow:var(--hp-shadow)}.hp-mobile-menu.is-open{display:grid;gap:10px}.hp-mobile-menu a{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.045);font-weight:850;color:#eaf3e9}.hp-mobile-menu a:hover{background:rgba(142,219,50,.10);color:#fff}

/* HOME BACKGROUND */
.hp-home{position:relative;min-height:100vh;padding:128px 0 54px;background:radial-gradient(circle at 50% 0%,rgba(142,219,50,.11),transparent 34%),linear-gradient(180deg,#080c09 0%,#0b0f0c 46%,#070a08 100%);overflow:hidden}.hp-home__background{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,6,4,.5),rgba(3,6,4,.2)),url('/assets/images/dusk/background_image.png');background-size:cover;background-position:center top;opacity:.34;filter:saturate(.85) contrast(1.08);transform:scale(1.04);animation:hpBgFloat 20s ease-in-out infinite alternate}.hp-home:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,6,.32),rgba(5,8,6,.70) 55%,#070a08 92%),radial-gradient(circle at 70% 20%,rgba(142,219,50,.18),transparent 32%),radial-gradient(circle at 10% 26%,rgba(142,219,50,.10),transparent 28%);pointer-events:none}.hp-home:after{content:"";position:absolute;inset:0;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.hp-home__glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(70px);opacity:.34;pointer-events:none}.hp-home__glow--left{top:90px;left:-210px;background:rgba(142,219,50,.20)}.hp-home__glow--right{top:210px;right:-190px;background:rgba(142,219,50,.16)}@keyframes hpBgFloat{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(0,-18px,0)}}

/* HERO */
.hp-hero{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);gap:54px;align-items:center;min-height:760px;padding:42px 0 66px}.hp-hero__content{max-width:850px}.hp-kicker{display:inline-flex;align-items:center;gap:11px;height:40px;padding:0 15px;border:1px solid rgba(142,219,50,.22);border-radius:999px;background:rgba(142,219,50,.08);color:var(--hp-green-2);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.10em;margin-bottom:24px;box-shadow:0 12px 34px rgba(142,219,50,.08)}.hp-kicker i{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(142,219,50,.16)}.hp-hero h1{font-size:clamp(58px,6.25vw,104px);line-height:.91;margin:0 0 26px;font-weight:950;letter-spacing:-.075em;color:#fff;text-shadow:0 14px 48px rgba(0,0,0,.62);max-width:900px}.hp-hero h1 strong{display:inline-block;color:var(--hp-green-2);font-weight:950;text-shadow:0 0 38px rgba(142,219,50,.42),0 18px 52px rgba(0,0,0,.5)}.hp-hero p{max-width:680px;margin:0 0 24px;color:#e0eadf;font-size:20px;line-height:1.62;text-shadow:0 4px 20px rgba(0,0,0,.55)}.hp-hero__signals{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}.hp-hero__signals span{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 13px;border-radius:999px;background:rgba(10,15,11,.58);border:1px solid rgba(255,255,255,.08);color:#d8e2d7;font-size:12px;font-weight:900;text-transform:uppercase}.hp-hero__signals i{width:8px;height:8px;border-radius:50%;background:var(--hp-green);box-shadow:0 0 16px rgba(142,219,50,.85)}.hp-hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:34px}.hp-button{height:58px;padding:0 30px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.025em;border:1px solid rgba(255,255,255,.11);transition:.22s ease;cursor:pointer}.hp-button--primary{background:linear-gradient(135deg,var(--hp-green-2),#58b91a 72%);color:#071005;border-color:rgba(177,255,73,.55);box-shadow:0 20px 42px rgba(142,219,50,.30),inset 0 1px rgba(255,255,255,.36)}.hp-button--primary:hover{transform:translateY(-3px);box-shadow:0 28px 58px rgba(142,219,50,.42)}.hp-button--glass{background:rgba(255,255,255,.070);color:#fff;border-color:rgba(255,255,255,.14);backdrop-filter:blur(16px)}.hp-button--glass:hover{background:rgba(255,255,255,.11);transform:translateY(-3px)}.hp-button--full{width:100%}.hp-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:820px}.hp-stat-card{height:84px;border:1px solid rgba(142,219,50,.19);background:linear-gradient(180deg,rgba(16,23,18,.84),rgba(7,11,8,.78));border-radius:18px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:14px;align-items:center;padding:14px 18px;box-shadow:0 20px 48px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.07);position:relative;overflow:hidden}.hp-stat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(142,219,50,.08),transparent);transform:translateX(-130%)}.hp-stat-card:hover:after{animation:hpShine 1.1s ease}.hp-stat-card span{grid-row:1/3;color:var(--hp-green);font-size:25px;filter:drop-shadow(0 0 14px rgba(142,219,50,.62))}.hp-stat-card strong{font-size:23px;line-height:1;font-weight:950}.hp-stat-card small{text-transform:uppercase;color:#c3cec3;font-weight:850;font-size:12px;letter-spacing:.04em}@keyframes hpShine{to{transform:translateX(130%)}}

/* LOGIN */
.hp-login-panel{border-radius:28px;background:linear-gradient(180deg,rgba(17,24,19,.80),rgba(4,8,6,.78));border:1px solid rgba(255,255,255,.12);box-shadow:var(--hp-shadow),0 0 90px rgba(142,219,50,.14);padding:34px;backdrop-filter:blur(26px);position:relative;overflow:hidden}.hp-login-panel:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% -10%,rgba(177,255,73,.18),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.10),transparent 32%);pointer-events:none}.hp-login-panel__shine{position:absolute;inset:0;pointer-events:none;opacity:.35;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.10) 38%,transparent 52%);transform:translateX(-60%);animation:hpPanelShine 6s ease-in-out infinite}@keyframes hpPanelShine{0%,54%{transform:translateX(-65%)}78%,100%{transform:translateX(70%)}}.hp-panel-head{position:relative;margin-bottom:26px}.hp-panel-head span{text-transform:uppercase;color:var(--hp-green-2);font-weight:950;font-size:13px;letter-spacing:.08em}.hp-panel-head h2{font-size:38px;letter-spacing:-.04em;margin:7px 0 0}.hp-login-form{position:relative}.hp-field{height:60px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.28);display:flex;align-items:center;gap:13px;padding:0 16px;margin-bottom:16px;transition:.2s ease;box-shadow:inset 0 1px rgba(255,255,255,.04)}.hp-field:focus-within{border-color:rgba(177,255,73,.55);box-shadow:0 0 0 4px rgba(142,219,50,.08),inset 0 1px rgba(255,255,255,.06)}.hp-field span{color:#e5eee2}.hp-field input{width:100%;border:0;background:transparent;color:#fff;font-size:15px;outline:0}.hp-field input::placeholder{color:#99a39b}.hp-login-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 22px;color:#c9d2c7;font-size:13px}.hp-login-meta label{display:flex;align-items:center;gap:8px}.hp-login-meta input{appearance:none;width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.hp-login-meta input:checked{background:var(--hp-green);border-color:var(--hp-green)}.hp-login-meta a,.hp-login-bottom a{color:var(--hp-green-2);font-weight:850}.hp-login-bottom{text-align:center;color:#cbd5cb;margin:22px 0 0;font-size:14px}.hp-error{display:block;color:#ff7777;margin:-8px 0 10px}.hp-user-welcome{text-align:center;position:relative}.hp-user-welcome img{height:140px;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.55))}.hp-user-welcome span{display:block;color:var(--hp-green);font-weight:950;text-transform:uppercase;font-size:13px}.hp-user-welcome h2{margin:8px 0;font-size:34px}.hp-user-welcome p{color:var(--hp-muted);line-height:1.55}

/* CONTENT */
.hp-dashboard-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr .74fr 1.1fr;grid-template-areas:'news status gallery' 'news status feed';gap:18px;margin-top:0}.hp-card{background:linear-gradient(180deg,rgba(16,23,19,.82),rgba(6,10,8,.76));border:1px solid var(--hp-border);border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(20px);padding:22px}.hp-card:hover{border-color:rgba(142,219,50,.16)}.hp-news{grid-area:news}.hp-status{grid-area:status}.hp-gallery{grid-area:gallery}.hp-feed{grid-area:feed}.hp-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.hp-section-head h2{font-size:22px;letter-spacing:-.02em;margin:0;text-transform:uppercase}.hp-section-head a{color:var(--hp-green-2);font-weight:850;font-size:14px}.hp-section-head--stack{align-items:flex-start;flex-direction:column;gap:10px}.hp-section-head--stack p{margin:0;color:#dce8dc;font-size:17px}.hp-section-head--stack p i{display:inline-block;width:16px;height:16px;background:var(--hp-green);border-radius:50%;box-shadow:0 0 18px rgba(142,219,50,.8);vertical-align:-2px;margin-right:8px}.hp-section-head--stack strong{color:var(--hp-green-2)}.hp-news-showcase{display:grid;grid-template-columns:1fr;gap:14px}.hp-news-feature{position:relative;display:block;min-height:318px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);box-shadow:0 18px 45px rgba(0,0,0,.22);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.hp-news-feature:hover{transform:translateY(-4px);border-color:rgba(142,219,50,.26);box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 0 1px rgba(142,219,50,.06)}.hp-news-feature__image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .45s ease;filter:saturate(.92) contrast(1.04)}.hp-news-feature:hover .hp-news-feature__image{transform:scale(1.055)}.hp-news-feature__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.54) 48%,rgba(3,7,5,.92)),radial-gradient(circle at 20% 18%,rgba(142,219,50,.16),transparent 36%)}.hp-news-feature__content{position:absolute;left:22px;right:22px;bottom:48px;z-index:2}.hp-news-feature__content h3{font-size:30px;line-height:1.05;letter-spacing:-.035em;margin:12px 0 9px;max-width:620px}.hp-news-feature__content p{max-width:620px;color:#d1dbd2;line-height:1.55;margin:0}.hp-news-feature__content small{display:block;margin-top:12px;color:#98a59b;font-weight:700}.hp-news-feature__arrow{position:absolute;right:18px;bottom:17px;z-index:3;height:38px;display:inline-flex;align-items:center;border-radius:12px;padding:0 14px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);color:var(--hp-green-2);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.02em}.hp-news-feature:hover .hp-news-feature__arrow{background:rgba(142,219,50,.12);border-color:rgba(142,219,50,.28)}.hp-badge{display:inline-flex;align-items:center;height:23px;border-radius:8px;padding:0 9px;background:linear-gradient(135deg,var(--hp-green),#48a417);color:#071005;text-transform:uppercase;font-size:11px;font-weight:950;box-shadow:0 10px 24px rgba(142,219,50,.16)}.hp-badge--large{height:28px;border-radius:10px;padding:0 11px;font-size:12px}.hp-news-compact{position:relative;display:grid;grid-template-columns:122px 1fr auto;gap:14px;align-items:center;min-height:104px;padding:10px;border-radius:17px;background:rgba(255,255,255,.046);border:1px solid rgba(255,255,255,.07);transition:.2s ease;overflow:hidden}.hp-news-compact:hover{transform:translateY(-3px);background:rgba(255,255,255,.068);border-color:rgba(142,219,50,.22)}.hp-news-compact__image{height:84px;border-radius:13px;background-size:cover;background-position:center;box-shadow:inset 0 -36px 48px rgba(0,0,0,.33);transition:transform .25s ease}.hp-news-compact:hover .hp-news-compact__image{transform:scale(1.035)}.hp-news-compact__content h3{font-size:17px;margin:8px 0 6px;line-height:1.15}.hp-news-compact__content small{color:#88958d;font-weight:700}.hp-news-arrow{font-size:24px;color:#dce9d5;opacity:.78;padding-right:4px}.hp-news-feature--empty{pointer-events:none}.hp-status-list{display:flex;flex-direction:column;margin-top:14px}.hp-status-list div{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);gap:16px}.hp-status-list span{color:#b8c2b9}.hp-status-list strong{font-weight:950}.hp-gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.hp-gallery-shot{height:98px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.hp-gallery-shot img{width:100%;height:100%;object-fit:cover;transition:.25s ease}.hp-gallery-shot:hover img{transform:scale(1.07)}.hp-card-button{height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.038);border:1px solid rgba(255,255,255,.085);color:var(--hp-green-2);font-weight:950;text-transform:uppercase;font-size:13px}.hp-card-button:hover{background:rgba(142,219,50,.08);border-color:rgba(142,219,50,.22)}.hp-feed-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.hp-feed-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:13px;transition:.2s ease}.hp-feed-item:hover{background:rgba(255,255,255,.045)}.hp-feed-item img{width:38px;height:38px;object-fit:contain;background:rgba(142,219,50,.09);border-radius:12px}.hp-feed-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(142,219,50,.11);border-radius:12px}.hp-feed-item strong{display:block;font-size:14px}.hp-feed-item span{display:block;color:#9ea9a1;font-size:13px}

/* FOOTER */
.hp-footer{position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.07);background:rgba(5,9,7,.94);padding:24px 0;color:#8d978f}.hp-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.hp-footer__brand{display:flex;align-items:center;gap:20px}.hp-footer__brand img{height:42px;max-width:120px;object-fit:contain}.hp-footer__links{display:flex;align-items:center;gap:28px;text-transform:uppercase;font-size:13px;font-weight:750}.hp-footer__links a:hover{color:var(--hp-green-2)}

/* ANIMATION */
.hp-reveal{opacity:0;transform:translateY(22px);animation:hpReveal .72s cubic-bezier(.2,.8,.2,1) forwards}.hp-reveal--delay{animation-delay:.16s}.hp-reveal:nth-child(3){animation-delay:.25s}@keyframes hpReveal{to{opacity:1;transform:translateY(0)}}

/* RESPONSIVE */
@media (max-width:1180px){.hp-container{width:min(100% - 36px,1100px)}.hp-navbar__links,.hp-navbar__actions{display:none}.hp-mobile-toggle{display:block}.hp-hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:36px}.hp-login-panel{max-width:620px}.hp-stat-strip{grid-template-columns:repeat(2,1fr)}.hp-dashboard-grid{grid-template-columns:1fr;grid-template-areas:'news' 'status' 'gallery' 'feed'}}
@media (max-width:680px){.hp-home{padding-top:104px}.hp-navbar{top:12px}.hp-navbar__inner{height:70px}.hp-navbar__brand img{max-height:44px}.hp-hero h1{font-size:45px}.hp-hero p{font-size:16px}.hp-button{width:100%;height:54px}.hp-stat-strip{grid-template-columns:1fr}.hp-news-item{grid-template-columns:1fr;min-height:auto}.hp-news-image{height:160px}.hp-gallery-strip{grid-template-columns:1fr}.hp-footer__inner{flex-direction:column;align-items:flex-start}.hp-footer__links{flex-wrap:wrap;gap:14px}.hp-login-panel{padding:24px}}

@media (max-width:680px){.hp-news-feature{min-height:270px}.hp-news-feature__content{left:17px;right:17px;bottom:54px}.hp-news-feature__content h3{font-size:24px}.hp-news-compact{grid-template-columns:1fr}.hp-news-compact__image{height:150px}.hp-news-feature__arrow{left:17px;right:auto}}

/* Hubbo Prime v7 - Hotelstatus polish only */
.hp-status--premium{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:24px;
}
.hp-status--premium:before{
    content:"";
    position:absolute;
    inset:-1px;
    background:
        radial-gradient(circle at 18% 5%, rgba(142,219,50,.22), transparent 32%),
        radial-gradient(circle at 95% 20%, rgba(142,219,50,.10), transparent 34%);
    pointer-events:none;
    z-index:-1;
}
.hp-status-orb{
    position:absolute;
    width:180px;
    height:180px;
    right:-76px;
    top:-72px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(142,219,50,.30), rgba(142,219,50,.08) 42%, transparent 70%);
    filter:blur(2px);
    opacity:.9;
    animation:hpStatusPulse 3.6s ease-in-out infinite;
    pointer-events:none;
}
@keyframes hpStatusPulse{
    0%,100%{transform:scale(.96);opacity:.62}
    50%{transform:scale(1.06);opacity:1}
}
.hp-status-head{margin-bottom:18px;position:relative;z-index:2}
.hp-status-label{
    display:inline-flex;
    align-items:center;
    gap:9px;
    height:32px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(142,219,50,.10);
    border:1px solid rgba(142,219,50,.20);
    color:var(--hp-green-2);
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.hp-status-label i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--hp-green);
    box-shadow:0 0 16px rgba(142,219,50,.9);
}
.hp-status-head p{
    max-width:330px;
    color:#c6d1c6;
    line-height:1.45;
    font-size:14px;
}
.hp-status-hero-card{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:14px;
    padding:16px;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(142,219,50,.14), rgba(255,255,255,.052));
    border:1px solid rgba(142,219,50,.24);
    box-shadow:0 20px 50px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.08);
    margin-bottom:16px;
}
.hp-status-hero-card__icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:16px;
    color:var(--hp-green-2);
    background:rgba(142,219,50,.12);
    box-shadow:0 0 24px rgba(142,219,50,.22);
    font-size:18px;
    animation:hpStatusDot 1.8s ease-in-out infinite;
}
@keyframes hpStatusDot{
    0%,100%{text-shadow:0 0 8px rgba(142,219,50,.75)}
    50%{text-shadow:0 0 22px rgba(142,219,50,1)}
}
.hp-status-hero-card span,
.hp-status-bottom-grid span{
    display:block;
    color:#9faf9f;
    font-size:12px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.hp-status-hero-card strong{
    display:block;
    margin-top:3px;
    font-size:20px;
    font-weight:950;
    color:#fff;
    letter-spacing:-.03em;
}
.hp-status-hero-card small{
    height:28px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border-radius:999px;
    background:rgba(142,219,50,.14);
    color:var(--hp-green-2);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}
.hp-status-metrics{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.hp-status-metric{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:13px;
    min-height:74px;
    padding:13px 14px;
    border-radius:17px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.075);
    transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.hp-status-metric:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.065);
    border-color:rgba(142,219,50,.18);
}
.hp-status-metric > span{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:rgba(142,219,50,.09);
    color:var(--hp-green-2);
    box-shadow:inset 0 1px rgba(255,255,255,.06);
    font-size:18px;
}
.hp-status-metric strong{
    display:block;
    font-size:22px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.03em;
    color:#fff;
}
.hp-status-metric small{
    display:block;
    margin-top:6px;
    color:#aebbad;
    font-size:12px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.hp-status-metric--accent{
    background:linear-gradient(135deg, rgba(142,219,50,.105), rgba(255,255,255,.045));
    border-color:rgba(142,219,50,.20);
}
.hp-status-bottom-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
}
.hp-status-bottom-grid div{
    padding:13px;
    border-radius:15px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.065);
}
.hp-status-bottom-grid strong{
    display:block;
    margin-top:4px;
    color:var(--hp-green-2);
    font-weight:950;
}
@media (max-width:1180px){
    .hp-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:680px){
    .hp-status-metrics,.hp-status-bottom-grid{grid-template-columns:1fr;}
}


/* Hubbo Prime v8 - Community hub + public navbar cleanup */
.hp-navbar__actions{
    min-width: 300px;
    justify-content:flex-end;
}
.hp-navbar__actions .hp-action--staff{
    min-width:auto;
}
.hp-community-hub{
    position:relative;
    overflow:hidden;
}
.hp-community-hub:before{
    content:"";
    position:absolute;
    inset:-1px;
    background:radial-gradient(circle at 85% 0%, rgba(142,219,50,.15), transparent 34%);
    pointer-events:none;
}
.hp-community-head{
    position:relative;
    z-index:2;
    align-items:flex-start;
}
.hp-mini-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
    color:var(--hp-green-2);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.09em;
}
.hp-mini-label:before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--hp-green);
    box-shadow:0 0 18px rgba(142,219,50,.9);
}
.hp-community-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:16px;
}
.hp-activity-stream{
    display:flex;
    flex-direction:column;
    gap:11px;
}
.hp-activity-item{
    position:relative;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:13px;
    align-items:center;
    min-height:72px;
    padding:12px;
    border-radius:17px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.075);
    transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.hp-activity-item:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.065);
    border-color:rgba(142,219,50,.18);
}
.hp-activity-avatar{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:linear-gradient(135deg, rgba(142,219,50,.14), rgba(255,255,255,.045));
    border:1px solid rgba(142,219,50,.14);
    box-shadow:inset 0 1px rgba(255,255,255,.06);
    overflow:hidden;
}
.hp-activity-avatar img{
    width:48px;
    height:48px;
    object-fit:contain;
    transform:translateY(3px) scale(1.15);
}
.hp-activity-avatar--icon{
    font-size:21px;
    color:var(--hp-green-2);
}
.hp-activity-copy strong{
    display:block;
    font-size:14px;
    font-weight:950;
    color:#fff;
}
.hp-activity-copy span{
    display:block;
    margin-top:3px;
    color:#b4beb4;
    font-size:13px;
    line-height:1.35;
}
.hp-activity-copy small{
    display:inline-flex;
    margin-top:7px;
    color:var(--hp-green-2);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.hp-today-panel{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.hp-today-card{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    align-items:center;
    min-height:68px;
    padding:12px 13px;
    border-radius:17px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.065);
    transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.hp-today-card:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.052);
    border-color:rgba(142,219,50,.16);
}
.hp-today-card > span{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:rgba(142,219,50,.09);
    color:var(--hp-green-2);
    font-size:18px;
}
.hp-today-card strong{
    display:block;
    font-size:14px;
    font-weight:950;
    color:#fff;
}
.hp-today-card small{
    display:block;
    margin-top:4px;
    color:#aebbad;
    font-size:12px;
    font-weight:800;
}
.hp-today-card--active{
    background:linear-gradient(135deg, rgba(142,219,50,.12), rgba(255,255,255,.045));
    border-color:rgba(142,219,50,.20);
}
@media (max-width:1180px){
    .hp-navbar__actions{min-width:auto;}
}
@media (max-width:680px){
    .hp-community-grid{grid-template-columns:1fr;}
}

/* =========================================================
   Hubbo Prime v14 - Registration page
   Scope: auth/register only. No homepage logic touched.
========================================================= */
.hp-auth-page {
    position: relative;
    min-height: calc(100vh - 120px);
    padding: 64px 0 80px;
    overflow: hidden;
    background: #0b0f12;
}

.hp-auth-bg {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(8, 12, 15, .96) 0%, rgba(8, 12, 15, .78) 48%, rgba(8, 12, 15, .95) 100%),
        radial-gradient(circle at 72% 18%, rgba(141, 214, 46, .18), transparent 34%),
        url('/assets/images/dusk/background_image.png') center/cover no-repeat;
    transform: scale(1.04);
    filter: saturate(.95) contrast(1.03);
}

.hp-auth-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 90%);
}

.hp-auth-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    filter: blur(70px);
    opacity: .32;
    pointer-events: none;
}

.hp-auth-glow--left { left: -120px; top: 140px; background: rgba(141, 214, 46, .34); }
.hp-auth-glow--right { right: -100px; top: 60px; background: rgba(141, 214, 46, .24); }

.hp-auth-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) 520px;
    gap: 34px;
    align-items: center;
    z-index: 1;
}

.hp-auth-copy h1 {
    margin: 18px 0 18px;
    font-size: clamp(46px, 6.2vw, 84px);
    line-height: .95;
    letter-spacing: -.055em;
    color: #fff;
    font-weight: 900;
    max-width: 760px;
}

.hp-auth-copy h1 strong {
    color: var(--hp-green, #8edb32);
    text-shadow: 0 0 30px rgba(141, 214, 46, .24);
}

.hp-auth-copy p {
    max-width: 640px;
    margin: 0;
    color: rgba(232, 238, 232, .78);
    font-size: 17px;
    line-height: 1.75;
}

.hp-auth-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 700px;
    margin-top: 34px;
}

.hp-auth-benefits > div,
.hp-auth-preview-card,
.hp-auth-card,
.hp-auth-news-item,
.hp-auth-gallery-shot {
    background: rgba(17, 22, 26, .74);
    border: 1px solid rgba(255, 255, 255, .07);
    box-shadow: 0 20px 60px rgba(0,0,0,.28);
    backdrop-filter: blur(18px);
}

.hp-auth-benefits > div {
    border-radius: 18px;
    padding: 18px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.hp-auth-benefits > div:hover {
    transform: translateY(-3px);
    border-color: rgba(141, 214, 46, .28);
    box-shadow: 0 26px 70px rgba(0,0,0,.36), 0 0 0 1px rgba(141,214,46,.05);
}

.hp-auth-benefits span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(141, 214, 46, .12);
    margin-bottom: 12px;
}

.hp-auth-benefits strong,
.hp-auth-benefits small {
    display: block;
}

.hp-auth-benefits strong { color: #fff; font-size: 16px; }
.hp-auth-benefits small { color: rgba(232,238,232,.58); margin-top: 4px; }

.hp-auth-preview-card {
    margin-top: 18px;
    max-width: 700px;
    border-radius: 22px;
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 18px;
    padding: 14px;
    align-items: center;
}

.hp-auth-preview-card__image {
    min-height: 130px;
    border-radius: 18px;
    background: url('/assets/images/dusk/image1.png') center/cover no-repeat;
    box-shadow: inset 0 -60px 70px rgba(0,0,0,.35);
}

.hp-auth-preview-card span {
    color: var(--hp-green, #8edb32);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-weight: 900;
}

.hp-auth-preview-card strong {
    display: block;
    margin-top: 5px;
    color: #fff;
    font-size: 21px;
}

.hp-auth-preview-card p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(232, 238, 232, .66);
}

.hp-auth-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding: 28px;
}

.hp-auth-card__shine {
    position: absolute;
    inset: -2px;
    background: radial-gradient(circle at 80% 0%, rgba(141,214,46,.18), transparent 32%);
    pointer-events: none;
}

.hp-auth-card__head {
    position: relative;
    margin-bottom: 20px;
}

.hp-auth-card__head p {
    margin: 8px 0 0;
    color: rgba(232, 238, 232, .62);
    line-height: 1.55;
}

.hp-auth-form { position: relative; }

.hp-auth-avatar-preview {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 20px;
    padding: 14px;
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.06);
}

.hp-auth-avatar-preview__circle {
    width: 74px;
    height: 74px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(141,214,46,.18), rgba(255,255,255,.04));
    border: 1px solid rgba(141,214,46,.22);
}

.hp-auth-avatar-preview img {
    max-height: 86px;
    object-fit: contain;
    transform: translateY(8px);
}

.hp-auth-avatar-preview strong { display: block; color: #fff; }
.hp-auth-avatar-preview small { display: block; margin-top: 4px; color: rgba(232,238,232,.58); line-height: 1.45; }

.hp-auth-label {
    display: block;
    margin: 14px 0 8px;
    color: rgba(255,255,255,.86);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
}

.hp-field--auth {
    margin: 0;
}

.hp-field--auth input {
    min-height: 50px;
}

.hp-auth-two-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.hp-auth-check {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin: 18px 0 12px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.06);
    color: rgba(232,238,232,.72);
    font-size: 13px;
    line-height: 1.5;
}

.hp-auth-check input {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    accent-color: var(--hp-green, #8edb32);
}

.hp-auth-check a,
.hp-auth-bottom a {
    color: var(--hp-green, #8edb32);
    font-weight: 900;
    text-decoration: none;
}

.hp-auth-submit {
    margin-top: 16px;
}

.hp-auth-bottom {
    margin: 16px 0 0;
    text-align: center;
    color: rgba(232,238,232,.62);
    font-size: 14px;
}

.hp-auth-lower-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 22px;
    margin-top: 28px;
}

.hp-auth-news-list {
    display: grid;
    gap: 12px;
}

.hp-auth-news-item {
    display: grid;
    grid-template-columns: 128px 1fr;
    gap: 14px;
    padding: 10px;
    border-radius: 20px;
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease;
}

.hp-auth-news-item:hover {
    transform: translateY(-3px);
    border-color: rgba(141,214,46,.24);
}

.hp-auth-news-item__image {
    min-height: 90px;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
}

.hp-auth-news-item span {
    display: inline-flex;
    color: var(--hp-green, #8edb32);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hp-auth-news-item strong {
    display: block;
    margin-top: 6px;
    color: #fff;
    font-size: 18px;
    line-height: 1.25;
}

.hp-auth-news-item small {
    display: block;
    margin-top: 9px;
    color: rgba(232,238,232,.56);
}

.hp-auth-gallery-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.hp-auth-gallery-shot {
    display: block;
    height: 168px;
    border-radius: 20px;
    overflow: hidden;
    transition: transform .18s ease, border-color .18s ease;
}

.hp-auth-gallery-shot:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: rgba(141,214,46,.24);
}

.hp-auth-gallery-shot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .32s ease;
}

.hp-auth-gallery-shot:hover img {
    transform: scale(1.06);
}

.hp-auth-empty {
    padding: 20px;
    border-radius: 18px;
    background: rgba(255,255,255,.04);
    color: rgba(232,238,232,.6);
}

@media (max-width: 1100px) {
    .hp-auth-layout,
    .hp-auth-lower-grid {
        grid-template-columns: 1fr;
    }
    .hp-auth-card {
        max-width: 620px;
    }
}

@media (max-width: 700px) {
    .hp-auth-page { padding: 34px 0 54px; }
    .hp-auth-benefits,
    .hp-auth-two-cols,
    .hp-auth-gallery-list {
        grid-template-columns: 1fr;
    }
    .hp-auth-preview-card,
    .hp-auth-news-item {
        grid-template-columns: 1fr;
    }
    .hp-auth-card { padding: 20px; border-radius: 22px; }
    .hp-auth-copy h1 { font-size: 44px; }
    .hp-auth-gallery-shot { height: 150px; }
}


/* Hubbo Prime v15: Register avatar preview polish */
.hp-auth-avatar-preview {
    position: relative;
}

.hp-auth-avatar-preview::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    transition: opacity .18s ease;
    box-shadow: inset 0 0 0 1px rgba(141,214,46,.22), 0 0 34px rgba(141,214,46,.10);
}

.hp-auth-avatar-preview.is-loading::after,
.hp-auth-avatar-preview.is-live::after,
.hp-auth-avatar-preview.is-preview::after {
    opacity: 1;
}

.hp-auth-avatar-preview.is-loading .hp-auth-avatar-preview__circle {
    animation: hp-avatar-pulse 1.1s ease-in-out infinite;
}

.hp-auth-avatar-preview.is-live .hp-auth-avatar-preview__circle,
.hp-auth-avatar-preview.is-preview .hp-auth-avatar-preview__circle {
    border-color: rgba(141,214,46,.38);
    box-shadow: 0 0 30px rgba(141,214,46,.12);
}

.hp-auth-avatar-preview__circle img {
    transition: transform .22s ease, opacity .22s ease, filter .22s ease;
}

.hp-auth-avatar-preview.is-loading .hp-auth-avatar-preview__circle img {
    opacity: .72;
    filter: saturate(.75);
}

.hp-auth-avatar-preview.is-live .hp-auth-avatar-preview__circle img,
.hp-auth-avatar-preview.is-preview .hp-auth-avatar-preview__circle img {
    transform: translateY(6px) scale(1.04);
}

@keyframes hp-avatar-pulse {
    0%, 100% { box-shadow: 0 0 0 rgba(141,214,46,0); }
    50% { box-shadow: 0 0 28px rgba(141,214,46,.22); }
}

.hp-auth-card .hp-field--auth:focus-within {
    border-color: rgba(141,214,46,.34);
    box-shadow: 0 0 0 3px rgba(141,214,46,.08), 0 16px 38px rgba(0,0,0,.25);
}

.hp-auth-card__head h2 {
    letter-spacing: -.035em;
}

.hp-auth-submit:hover {
    transform: translateY(-2px);
}

/* ==========================================================
   Hubbo Prime v16 - UI Kit Foundation
   Additive only: reusable components for future CMS pages.
   ========================================================== */
:root{
    --hp-radius-xs:8px;
    --hp-radius-sm:12px;
    --hp-radius-md:16px;
    --hp-radius-lg:22px;
    --hp-radius-xl:30px;
    --hp-space-1:4px;
    --hp-space-2:8px;
    --hp-space-3:12px;
    --hp-space-4:16px;
    --hp-space-5:20px;
    --hp-space-6:24px;
    --hp-space-8:32px;
    --hp-space-10:40px;
    --hp-font-xs:12px;
    --hp-font-sm:13px;
    --hp-font-md:15px;
    --hp-font-lg:18px;
    --hp-font-xl:24px;
    --hp-font-2xl:34px;
    --hp-ease:cubic-bezier(.2,.8,.2,1);
    --hp-fast:.18s var(--hp-ease);
    --hp-medium:.28s var(--hp-ease);
    --hp-focus:0 0 0 4px rgba(142,219,50,.16);
}
.hp-ui-page{position:relative;z-index:3;width:min(100% - 56px,1320px);margin:0 auto;padding:132px 0 64px;min-height:calc(100vh - 100px)}
.hp-ui-page--compact{padding-top:108px}.hp-ui-stack{display:grid;gap:var(--hp-space-6)}.hp-ui-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.hp-ui-col-3{grid-column:span 3}.hp-ui-col-4{grid-column:span 4}.hp-ui-col-5{grid-column:span 5}.hp-ui-col-6{grid-column:span 6}.hp-ui-col-7{grid-column:span 7}.hp-ui-col-8{grid-column:span 8}.hp-ui-col-9{grid-column:span 9}.hp-ui-col-12{grid-column:span 12}
.hp-page-header{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;padding:28px;border-radius:var(--hp-radius-xl);background:linear-gradient(180deg,rgba(18,25,21,.78),rgba(8,12,9,.66));border:1px solid var(--hp-border);box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055);overflow:hidden}.hp-page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(142,219,50,.14),transparent 34%),radial-gradient(circle at 95% 20%,rgba(142,219,50,.08),transparent 28%);pointer-events:none}.hp-page-header>*{position:relative;z-index:1}.hp-page-header__kicker{display:inline-flex;align-items:center;gap:8px;height:28px;border-radius:999px;padding:0 11px;margin-bottom:12px;background:rgba(142,219,50,.10);border:1px solid rgba(142,219,50,.20);color:var(--hp-green-2);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.hp-page-header__title{margin:0;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.055em;font-weight:950}.hp-page-header__text{max-width:680px;margin:12px 0 0;color:#cad5cb;font-size:16px;line-height:1.65}.hp-page-header__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.hp-ui-card{position:relative;overflow:hidden;border-radius:var(--hp-radius-lg);background:linear-gradient(180deg,rgba(18,25,21,.82),rgba(7,11,8,.72));border:1px solid var(--hp-border);box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.052);backdrop-filter:blur(20px);padding:24px;transition:transform var(--hp-fast),border-color var(--hp-fast),box-shadow var(--hp-fast),background var(--hp-fast)}.hp-ui-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(142,219,50,.085),transparent 36%);opacity:.75;pointer-events:none}.hp-ui-card>*{position:relative;z-index:1}.hp-ui-card:hover{transform:translateY(-3px);border-color:rgba(142,219,50,.18);box-shadow:0 34px 86px rgba(0,0,0,.42),0 0 0 1px rgba(142,219,50,.035)}.hp-ui-card--flat:hover{transform:none}.hp-ui-card--accent{border-color:rgba(142,219,50,.22);background:linear-gradient(180deg,rgba(25,36,25,.86),rgba(8,13,8,.74))}.hp-ui-card--danger{border-color:rgba(255,105,105,.18)}.hp-ui-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.hp-ui-card__eyebrow{display:block;margin-bottom:7px;color:var(--hp-green-2);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.hp-ui-card__title{margin:0;font-size:22px;letter-spacing:-.025em;font-weight:950}.hp-ui-card__subtitle{margin:7px 0 0;color:#aeb9b0;line-height:1.55;font-size:14px}.hp-ui-card__icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:16px;background:rgba(142,219,50,.11);border:1px solid rgba(142,219,50,.20);color:var(--hp-green-2);font-size:22px;box-shadow:0 12px 28px rgba(142,219,50,.08)}
.hp-ui-button{height:48px;border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;transition:transform var(--hp-fast),box-shadow var(--hp-fast),background var(--hp-fast),border-color var(--hp-fast),color var(--hp-fast);user-select:none}.hp-ui-button:hover{transform:translateY(-2px)}.hp-ui-button:focus-visible{outline:none;box-shadow:var(--hp-focus)}.hp-ui-button--primary{background:linear-gradient(135deg,var(--hp-green-2),#62c922);color:#081105;border:1px solid rgba(212,255,117,.50);box-shadow:0 16px 34px rgba(142,219,50,.20),inset 0 1px rgba(255,255,255,.34)}.hp-ui-button--primary:hover{box-shadow:0 22px 44px rgba(142,219,50,.32),0 0 28px rgba(142,219,50,.13)}.hp-ui-button--secondary{background:rgba(255,255,255,.065);color:#f2fbef;border:1px solid rgba(255,255,255,.11)}.hp-ui-button--secondary:hover{background:rgba(255,255,255,.095);border-color:rgba(142,219,50,.20)}.hp-ui-button--ghost{background:transparent;color:#cbd6cb;border:1px solid transparent}.hp-ui-button--ghost:hover{color:#fff;background:rgba(255,255,255,.055)}.hp-ui-button--danger{background:rgba(255,96,96,.13);color:#ffb1b1;border:1px solid rgba(255,96,96,.24)}.hp-ui-button--full{width:100%}.hp-ui-button--sm{height:38px;border-radius:12px;padding:0 13px;font-size:11px}.hp-ui-button--lg{height:58px;border-radius:16px;padding:0 26px;font-size:13px}
.hp-ui-form{display:grid;gap:16px}.hp-ui-field{display:grid;gap:8px}.hp-ui-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dfe9dd;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.055em}.hp-ui-label small{color:#7f8b80;font-weight:800;text-transform:none;letter-spacing:0}.hp-ui-input-wrap{position:relative}.hp-ui-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--hp-green-2);font-size:15px;pointer-events:none;filter:drop-shadow(0 0 12px rgba(142,219,50,.22))}.hp-ui-input,.hp-ui-select,.hp-ui-textarea{width:100%;border:1px solid rgba(255,255,255,.095);border-radius:14px;background:rgba(255,255,255,.052);color:#fff;font-size:15px;outline:0;transition:border-color var(--hp-fast),background var(--hp-fast),box-shadow var(--hp-fast)}.hp-ui-input,.hp-ui-select{height:54px;padding:0 16px}.hp-ui-input-wrap .hp-ui-input{padding-left:44px}.hp-ui-textarea{min-height:138px;resize:vertical;padding:15px 16px;line-height:1.55}.hp-ui-input::placeholder,.hp-ui-textarea::placeholder{color:#8e9a90}.hp-ui-input:focus,.hp-ui-select:focus,.hp-ui-textarea:focus{border-color:rgba(142,219,50,.45);background:rgba(255,255,255,.072);box-shadow:var(--hp-focus)}.hp-ui-field-error{color:#ff9d9d;font-size:13px;font-weight:750}.hp-ui-help{color:#8f9a91;font-size:13px;line-height:1.5}
.hp-ui-badge{display:inline-flex;align-items:center;gap:7px;height:28px;border-radius:999px;padding:0 11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);color:#dbe6d9;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.055em}.hp-ui-badge--green{background:rgba(142,219,50,.12);border-color:rgba(142,219,50,.25);color:var(--hp-green-2)}.hp-ui-badge--red{background:rgba(255,89,89,.12);border-color:rgba(255,89,89,.23);color:#ffb2b2}.hp-ui-badge--gold{background:rgba(255,204,89,.12);border-color:rgba(255,204,89,.24);color:#ffd06d}
.hp-ui-alert{display:flex;align-items:flex-start;gap:14px;border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);color:#e6efe5}.hp-ui-alert__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(142,219,50,.11);color:var(--hp-green-2);flex:0 0 auto}.hp-ui-alert strong{display:block;margin-bottom:3px}.hp-ui-alert span{color:#b7c2b8;line-height:1.5}.hp-ui-alert--success{border-color:rgba(142,219,50,.24);background:rgba(142,219,50,.075)}.hp-ui-alert--warning{border-color:rgba(255,204,89,.24);background:rgba(255,204,89,.075)}.hp-ui-alert--danger{border-color:rgba(255,89,89,.24);background:rgba(255,89,89,.075)}
.hp-ui-table-wrap{overflow:hidden;border-radius:20px;border:1px solid var(--hp-border);background:rgba(255,255,255,.035)}.hp-ui-table{width:100%;border-collapse:collapse}.hp-ui-table th{height:48px;padding:0 16px;text-align:left;color:#9eaa9f;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.045)}.hp-ui-table td{padding:15px 16px;border-top:1px solid rgba(255,255,255,.06);color:#e8f0e6}.hp-ui-table tr:hover td{background:rgba(142,219,50,.045)}
.hp-ui-tabs{display:flex;gap:8px;padding:7px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);width:max-content;max-width:100%;overflow:auto}.hp-ui-tab{height:38px;border:0;border-radius:12px;padding:0 14px;background:transparent;color:#aeb9b0;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;cursor:pointer}.hp-ui-tab:hover{background:rgba(255,255,255,.055);color:#fff}.hp-ui-tab.is-active{background:rgba(142,219,50,.14);color:var(--hp-green-2)}.hp-ui-tab-panel{display:none}.hp-ui-tab-panel.is-active{display:block}
.hp-ui-empty{display:grid;place-items:center;text-align:center;min-height:220px;border-radius:20px;border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.035);padding:28px}.hp-ui-empty__icon{font-size:34px;margin-bottom:10px}.hp-ui-empty h3{margin:0 0 8px;font-size:22px}.hp-ui-empty p{margin:0;max-width:420px;color:#aeb9b0;line-height:1.55}
.hp-ui-modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.64);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:24px}.hp-ui-modal-backdrop.is-open{display:flex}.hp-ui-modal{width:min(100%,560px);border-radius:24px;background:linear-gradient(180deg,rgba(18,25,21,.97),rgba(7,11,8,.95));border:1px solid rgba(255,255,255,.11);box-shadow:0 40px 110px rgba(0,0,0,.72);padding:24px}.hp-ui-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.hp-ui-modal__head h2{margin:0;font-size:24px}.hp-ui-modal__close{width:40px;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#fff;cursor:pointer}.hp-ui-modal__close:hover{background:rgba(255,255,255,.09)}
.hp-ui-stat{display:flex;align-items:center;gap:14px;border-radius:18px;padding:16px;background:rgba(255,255,255,.047);border:1px solid rgba(255,255,255,.075)}.hp-ui-stat__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:rgba(142,219,50,.10);border:1px solid rgba(142,219,50,.18);font-size:22px}.hp-ui-stat strong{display:block;font-size:23px;letter-spacing:-.02em}.hp-ui-stat span{display:block;color:#9fa99f;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.hp-ui-user-row{display:flex;align-items:center;gap:12px}.hp-ui-user-row img{width:46px;height:46px;object-fit:contain;border-radius:14px;background:rgba(142,219,50,.08);border:1px solid rgba(142,219,50,.14)}.hp-ui-user-row strong{display:block}.hp-ui-user-row span{display:block;color:#9fa99f;font-size:13px}.hp-ui-divider{height:1px;background:rgba(255,255,255,.075);margin:20px 0}.hp-ui-actions{display:flex;gap:10px;flex-wrap:wrap}.hp-ui-actions--end{justify-content:flex-end}.hp-ui-muted{color:#aeb9b0}.hp-ui-green{color:var(--hp-green-2)}
@media (max-width:900px){.hp-ui-page{width:min(100% - 32px,1320px);padding-top:108px}.hp-ui-grid{grid-template-columns:1fr}.hp-ui-col-3,.hp-ui-col-4,.hp-ui-col-5,.hp-ui-col-6,.hp-ui-col-7,.hp-ui-col-8,.hp-ui-col-9,.hp-ui-col-12{grid-column:1}.hp-page-header{align-items:flex-start;flex-direction:column;padding:22px}.hp-page-header__actions{justify-content:flex-start}.hp-ui-tabs{width:100%}.hp-ui-table-wrap{overflow:auto}.hp-ui-table{min-width:680px}}

/* ==========================================================
   Hubbo Prime v17 - Logged-in Dashboard / Meine Seite
   ========================================================== */
.hp-me-page{position:relative;min-height:100vh;padding:118px 0 70px;overflow:hidden}.hp-me-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 12% 18%,rgba(142,219,50,.13),transparent 32%),radial-gradient(circle at 82% 5%,rgba(142,219,50,.08),transparent 34%),linear-gradient(180deg,#0d120f 0%,#090d0a 58%,#050705 100%);pointer-events:none}.hp-me-bg:after{content:"";position:absolute;inset:0;background:url('/assets/images/dusk/background_image.png') center/cover no-repeat;opacity:.13;filter:blur(2px) saturate(.85);mix-blend-mode:screen}.hp-me-container{position:relative;z-index:2;width:min(100% - 56px,1320px);margin:0 auto}.hp-me-hero{position:relative;min-height:380px;border-radius:32px;padding:34px;display:grid;grid-template-columns:280px minmax(0,1fr) 250px;gap:28px;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(19,29,22,.90),rgba(7,11,8,.78));border:1px solid rgba(255,255,255,.075);box-shadow:0 38px 110px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.07)}.hp-me-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 5%,rgba(142,219,50,.22),transparent 34%),radial-gradient(circle at 74% 22%,rgba(255,255,255,.055),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.34));pointer-events:none}.hp-me-hero>*{position:relative;z-index:2}.hp-me-hero__avatar{position:relative;height:310px;display:grid;place-items:center}.hp-me-hero__avatar-ring{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(142,219,50,.15),rgba(142,219,50,.03) 52%,transparent 70%);border:1px solid rgba(142,219,50,.18);box-shadow:0 0 70px rgba(142,219,50,.12),inset 0 1px rgba(255,255,255,.08)}.hp-me-hero__avatar img{position:relative;z-index:2;image-rendering:pixelated;transform:translateY(16px) scale(1.25);filter:drop-shadow(0 28px 26px rgba(0,0,0,.56))}.hp-me-kicker{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 13px;border-radius:999px;background:rgba(142,219,50,.105);border:1px solid rgba(142,219,50,.22);color:var(--hp-green-2);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.hp-me-kicker i{width:8px;height:8px;border-radius:50%;background:#788273;box-shadow:0 0 0 4px rgba(255,255,255,.035)}.hp-me-kicker i.is-online{background:var(--hp-green-2);box-shadow:0 0 0 4px rgba(142,219,50,.12),0 0 18px rgba(142,219,50,.62)}.hp-me-hero__content h1{margin:18px 0 12px;font-size:clamp(42px,5vw,78px);line-height:.94;letter-spacing:-.065em;font-weight:950}.hp-me-hero__content h1 strong{color:var(--hp-green-2);text-shadow:0 0 32px rgba(142,219,50,.18)}.hp-me-hero__content p{max-width:640px;color:#c4d0c2;font-size:17px;line-height:1.65;margin:0 0 24px}.hp-me-hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hp-me-hero__meta{display:grid;gap:12px}.hp-me-hero__meta div{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);backdrop-filter:blur(14px)}.hp-me-hero__meta span{display:block;color:#8f9b90;font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.07em;margin-bottom:5px}.hp-me-hero__meta strong{display:block;color:#fff;font-size:16px}.hp-me-wallet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.hp-me-wallet-card{position:relative;overflow:hidden;border-radius:22px;padding:20px;display:flex;align-items:center;gap:15px;background:linear-gradient(180deg,rgba(18,25,21,.82),rgba(8,12,9,.70));border:1px solid rgba(255,255,255,.075);box-shadow:0 24px 64px rgba(0,0,0,.30)}.hp-me-wallet-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(142,219,50,.12),transparent 48%);opacity:.75}.hp-me-wallet-card>*{position:relative;z-index:1}.hp-me-wallet-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(142,219,50,.10);border:1px solid rgba(142,219,50,.18);font-size:22px}.hp-me-wallet-card strong{display:block;font-size:26px;letter-spacing:-.025em}.hp-me-wallet-card small{display:block;color:#9fac9d;font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.065em}.hp-me-wallet-card--credits{border-color:rgba(142,219,50,.22)}.hp-me-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.hp-me-quick{grid-column:span 8}.hp-me-profile{grid-column:span 4}.hp-me-stats{grid-column:span 5}.hp-me-friends{grid-column:span 7}.hp-me-news{grid-column:span 7}.hp-me-referral{grid-column:span 5}.hp-me-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hp-me-action-card{position:relative;overflow:hidden;min-height:142px;border-radius:20px;padding:18px;text-decoration:none;color:#fff;background:rgba(255,255,255,.048);border:1px solid rgba(255,255,255,.075);transition:transform var(--hp-fast),border-color var(--hp-fast),background var(--hp-fast),box-shadow var(--hp-fast)}.hp-me-action-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.07);border-color:rgba(142,219,50,.20);box-shadow:0 26px 56px rgba(0,0,0,.34)}.hp-me-action-card span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:rgba(142,219,50,.10);border:1px solid rgba(142,219,50,.18);margin-bottom:18px;font-size:21px}.hp-me-action-card strong{display:block;font-size:17px;margin-bottom:5px}.hp-me-action-card small{display:block;color:#aeb9b0;line-height:1.45}.hp-me-action-card--primary{background:linear-gradient(135deg,rgba(142,219,50,.22),rgba(255,255,255,.045));border-color:rgba(142,219,50,.28)}.hp-me-mini-profile{display:flex;align-items:center;gap:15px;padding:15px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);margin-bottom:14px}.hp-me-mini-profile img{width:70px;height:70px;object-fit:contain;border-radius:18px;background:rgba(142,219,50,.08);border:1px solid rgba(142,219,50,.16);image-rendering:pixelated}.hp-me-mini-profile strong{display:block;font-size:22px}.hp-me-mini-profile span{display:block;color:#9fac9d;font-weight:850}.hp-me-profile-list{display:grid;gap:10px;margin-bottom:16px}.hp-me-profile-list div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.065)}.hp-me-profile-list span{color:#9fac9d}.hp-me-profile-list strong{text-align:right;color:#fff}.hp-me-stat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hp-me-friend-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hp-me-friend{display:grid;place-items:center;gap:7px;text-decoration:none;color:#eaf3e8;border-radius:18px;padding:13px 8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);transition:transform var(--hp-fast),border-color var(--hp-fast),background var(--hp-fast)}.hp-me-friend:hover{transform:translateY(-3px);border-color:rgba(142,219,50,.20);background:rgba(142,219,50,.06)}.hp-me-friend img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.hp-me-friend span{font-size:12px;font-weight:900;color:#cbd6cb}.hp-ui-empty--small{min-height:164px}.hp-me-news-list{display:grid;gap:12px}.hp-me-news-item{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;text-decoration:none;color:#fff;padding:11px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);transition:transform var(--hp-fast),border-color var(--hp-fast),background var(--hp-fast)}.hp-me-news-item:hover{transform:translateY(-2px);border-color:rgba(142,219,50,.20);background:rgba(255,255,255,.065)}.hp-me-news-item__image{height:74px;border-radius:14px;background-size:cover;background-position:center}.hp-me-news-item span{display:block;color:var(--hp-green-2);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.hp-me-news-item strong{display:block;margin:5px 0 3px;font-size:16px}.hp-me-news-item small{display:block;color:#98a598}.hp-me-referral-progress{display:grid;gap:10px;margin-bottom:18px}.hp-me-referral-progress>div:first-child{display:flex;justify-content:space-between;color:#dfe9dd}.hp-me-referral-progress span{color:#9fac9d}.hp-me-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;border:1px solid rgba(255,255,255,.075)}.hp-me-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--hp-green-2),#62c922);box-shadow:0 0 20px rgba(142,219,50,.22)}
@media(max-width:1100px){.hp-me-hero{grid-template-columns:220px 1fr}.hp-me-hero__meta{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.hp-me-wallet-grid{grid-template-columns:repeat(2,1fr)}.hp-me-quick,.hp-me-profile,.hp-me-stats,.hp-me-friends,.hp-me-news,.hp-me-referral{grid-column:span 12}}@media(max-width:760px){.hp-me-page{padding-top:98px}.hp-me-container{width:min(100% - 28px,1320px)}.hp-me-hero{grid-template-columns:1fr;padding:24px;min-height:auto}.hp-me-hero__avatar{height:230px}.hp-me-hero__avatar-ring{width:180px;height:180px}.hp-me-hero__avatar img{transform:translateY(12px) scale(1.0)}.hp-me-hero__content h1{font-size:42px}.hp-me-hero__meta{grid-template-columns:1fr}.hp-me-wallet-grid{grid-template-columns:1fr}.hp-me-actions-grid,.hp-me-stat-list{grid-template-columns:1fr}.hp-me-friend-strip{grid-template-columns:repeat(2,1fr)}.hp-me-news-item{grid-template-columns:1fr}.hp-me-news-item__image{height:150px}}


/* Hubbo Prime v34 online friends final bugfix */
.hp-me-friends{min-height:286px!important}.hp-me-friend-strip{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:16px!important;min-height:164px!important}.hp-me-friend{width:116px!important;min-height:142px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:13px 10px 12px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(142,219,50,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(142,219,50,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;text-decoration:none!important;color:#fff!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}.hp-me-friend:hover{transform:translateY(-3px)!important;background:linear-gradient(180deg,rgba(142,219,50,.12),rgba(255,255,255,.045))!important;border-color:rgba(142,219,50,.30)!important;box-shadow:0 18px 38px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.07)!important}.hp-me-friend__avatar{width:72px!important;height:86px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important;border-radius:16px!important;background:rgba(142,219,50,.075)!important;border:1px solid rgba(142,219,50,.13)!important;margin:0!important}.hp-me-friend__avatar img{width:auto!important;height:112px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:translateY(19px)!important;image-rendering:pixelated!important;filter:drop-shadow(0 10px 10px rgba(0,0,0,.36))!important}.hp-me-friend strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:1.1!important;font-weight:950!important;color:#fff!important}.hp-me-friend small{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#b1ff49!important;font-size:10px!important;line-height:1!important;text-transform:uppercase!important;font-weight:950!important;letter-spacing:.04em!important}.hp-me-friend small i{width:6px!important;height:6px!important;display:block!important;border-radius:50%!important;background:#8edb32!important;box-shadow:0 0 12px rgba(142,219,50,.65)!important}.hp-me-badge-row{gap:18px!important}.hp-me-badge-chip--image img{image-rendering:pixelated!important}@media(max-width:760px){.hp-me-friend-strip{gap:12px!important}.hp-me-friend{width:calc(50% - 6px)!important}}

/* Hubbo Prime v35 - final logout icon centering fix */
.hp-navbar__actions form.hp-logout-form,
.hp-navbar__actions .hp-logout-form{
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.hp-action--logout,
.hp-navbar__actions .hp-action--logout,
.hp-navbar__actions form button.hp-action--logout{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    place-items:center!important;
    text-align:center!important;
    line-height:1!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}
.hp-action--logout .hp-action__icon,
.hp-action--logout i,
.hp-action--logout svg,
.hp-navbar__actions .hp-action--logout .hp-action__icon,
.hp-navbar__actions .hp-action--logout i,
.hp-navbar__actions .hp-action--logout svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    text-align:center!important;
    transform:none!important;
    position:static!important;
    inset:auto!important;
}
.hp-action--logout .hp-action__icon::before,
.hp-action--logout i::before{
    display:block!important;
    width:18px!important;
    height:18px!important;
    line-height:18px!important;
    text-align:center!important;
    margin:0!important;
    padding:0!important;
}
.hp-action--logout span:not(.hp-action__icon){
    display:none!important;
}

/* Hubbo Prime v36 - robust logout power button center fix
   Uses a centered generated power glyph so older icon/font CSS cannot offset it. */
.hp-navbar__actions form.hp-logout-form,
.hp-navbar__actions .hp-logout-form{
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.hp-action--logout,
.hp-navbar__actions .hp-action--logout,
.hp-navbar__actions form button.hp-action--logout{
    position:relative!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    font-size:0!important;
    color:transparent!important;
}
.hp-action--logout > *,
.hp-navbar__actions .hp-action--logout > *,
.hp-navbar__actions form button.hp-action--logout > *{
    display:none!important;
}
.hp-action--logout::after,
.hp-navbar__actions .hp-action--logout::after,
.hp-navbar__actions form button.hp-action--logout::after{
    content:"\23FB"!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#a8ff3d!important;
    text-align:center!important;
    transform:none!important;
    text-shadow:0 0 12px rgba(142,219,50,.35)!important;
}

/* Hubbo Prime v37.2 - Changelog Release Center */
.hp-changelog-page{position:relative;z-index:1;min-height:calc(100vh - 120px);padding:42px 0 72px;overflow:hidden}.hp-changelog-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 16% 10%,rgba(142,219,50,.11),transparent 30%),radial-gradient(circle at 86% 8%,rgba(142,219,50,.075),transparent 34%),linear-gradient(180deg,#070b08 0%,#0b100c 46%,#060806 100%)}.hp-changelog-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:48px 48px;opacity:.35;mask-image:linear-gradient(180deg,#000,transparent 86%)}
.hp-changelog-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:stretch;margin-bottom:28px}.hp-changelog-hero__copy,.hp-changelog-current{border:1px solid rgba(255,255,255,.075);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:0 24px 90px rgba(0,0,0,.36);backdrop-filter:blur(18px);border-radius:28px}.hp-changelog-hero__copy{padding:42px}.hp-changelog-kicker{display:inline-flex;align-items:center;gap:10px;color:#8edb32;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:950}.hp-changelog-kicker i{width:9px;height:9px;border-radius:50%;background:#8edb32;box-shadow:0 0 18px rgba(142,219,50,.8)}.hp-changelog-hero h1{margin:16px 0 12px;color:#fff;font-size:clamp(42px,5vw,76px);line-height:.95;font-weight:1000;letter-spacing:-.06em}.hp-changelog-hero p{max-width:760px;margin:0;color:#aeb8aa;font-size:16px;line-height:1.75;font-weight:650}.hp-changelog-current{padding:28px;display:flex;flex-direction:column;justify-content:center}.hp-changelog-current span{color:#8edb32;text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.12em}.hp-changelog-current strong{display:block;color:#fff;font-size:40px;line-height:1;font-weight:1000;letter-spacing:-.04em;margin-top:12px}.hp-changelog-current em{display:block;color:#dfe9da;font-style:normal;font-weight:850;margin-top:8px}.hp-changelog-current__meta{display:flex;align-items:center;gap:10px;margin-top:20px}.hp-changelog-current__meta small{color:#8f9b8c;font-weight:850}.hp-release-status{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#dbe7d7;text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.07em}.hp-release-status.is-stable{background:rgba(142,219,50,.12);border-color:rgba(142,219,50,.28);color:#baff5a}.hp-release-status.is-rc{background:rgba(255,188,66,.12);border-color:rgba(255,188,66,.24);color:#ffd27b}.hp-release-status.is-beta{background:rgba(80,160,255,.13);border-color:rgba(80,160,255,.22);color:#9cc9ff}.hp-release-status.is-hotfix{background:rgba(255,82,82,.13);border-color:rgba(255,82,82,.22);color:#ff9b9b}
.hp-changelog-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}.hp-changelog-sidebar{position:sticky;top:104px;display:grid;gap:16px}.hp-changelog-search,.hp-changelog-filter-card{border-radius:24px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.045);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(16px);padding:18px}.hp-changelog-search label,.hp-changelog-filter-card>span{display:block;color:#fff;font-size:13px;font-weight:950;margin-bottom:12px}.hp-changelog-search div{display:grid;grid-template-columns:1fr auto;gap:8px}.hp-changelog-search input{height:44px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);border-radius:14px;padding:0 13px;color:#fff;font-weight:750;outline:0}.hp-changelog-search input:focus{border-color:rgba(142,219,50,.42);box-shadow:0 0 0 4px rgba(142,219,50,.08)}.hp-changelog-search button{height:44px;border:0;border-radius:14px;background:#8edb32;color:#081006;font-weight:950;padding:0 14px;cursor:pointer}.hp-changelog-filter-card{display:grid;gap:8px}.hp-changelog-filter-card a{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:#aeb8aa;border-radius:14px;padding:10px 12px;font-weight:850}.hp-changelog-filter-card a:hover,.hp-changelog-filter-card a.is-active{background:rgba(142,219,50,.1);color:#fff}.hp-changelog-filter-card small{color:#7f8b7a;font-weight:950}.hp-changelog-filter-card a.is-active small{color:#baff5a}.hp-changelog-feed{display:grid;gap:18px}.hp-release-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.032));box-shadow:0 22px 82px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.hp-release-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(142,219,50,.45),transparent)}.hp-release-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:28px 30px 22px;border-bottom:1px solid rgba(255,255,255,.065)}.hp-release-card__head span{display:block;color:#8edb32;text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.12em;margin-bottom:10px}.hp-release-card__head h2{margin:0;color:#fff;font-size:31px;line-height:1.1;font-weight:1000;letter-spacing:-.035em}.hp-release-card__head h2 small{color:#9fac9a;font-size:.58em;font-weight:850}.hp-release-card__head p{max-width:720px;margin:12px 0 0;color:#a8b2a3;line-height:1.65;font-weight:650}.hp-release-card__meta{display:flex;align-items:flex-end;gap:8px;flex-direction:column;min-width:150px}.hp-release-card__meta time{color:#7e8b7b;font-size:12px;font-weight:850}.hp-current-pill{height:28px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:#8edb32;color:#081006;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.hp-release-entries{display:grid;gap:0;padding:8px}.hp-release-entry{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;padding:17px 20px;border-radius:20px}.hp-release-entry+.hp-release-entry{border-top:1px solid rgba(255,255,255,.045)}.hp-release-entry:hover{background:rgba(255,255,255,.035)}.hp-release-entry__badge{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.075);font-size:18px}.hp-release-entry span{display:inline-flex;margin-bottom:5px;color:#8edb32;text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.09em}.hp-release-entry strong{display:block;color:#fff;font-size:16px;font-weight:950}.hp-release-entry p{margin:6px 0 0;color:#9fac9a;line-height:1.55;font-weight:650}.hp-release-entry.is-fix .hp-release-entry__badge{background:rgba(255,90,90,.1);border-color:rgba(255,90,90,.2)}.hp-release-entry.is-improvement .hp-release-entry__badge{background:rgba(80,160,255,.1);border-color:rgba(80,160,255,.2)}.hp-release-entry.is-prime .hp-release-entry__badge{background:rgba(180,100,255,.11);border-color:rgba(180,100,255,.22)}.hp-changelog-empty{border-radius:26px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.045);padding:34px;color:#aeb8aa}.hp-changelog-empty strong{display:block;color:#fff;font-size:24px;margin-bottom:8px}.hp-changelog-empty code{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:3px 6px;color:#baff5a}
@media(max-width:1060px){.hp-changelog-hero,.hp-changelog-layout{grid-template-columns:1fr}.hp-changelog-sidebar{position:relative;top:auto;grid-template-columns:1fr 1fr}.hp-changelog-search{grid-column:1/-1}}@media(max-width:720px){.hp-changelog-page{padding-top:24px}.hp-changelog-hero__copy,.hp-changelog-current{padding:24px;border-radius:22px}.hp-changelog-sidebar{grid-template-columns:1fr}.hp-release-card__head{flex-direction:column}.hp-release-card__meta{align-items:flex-start}.hp-release-entry{grid-template-columns:38px 1fr;padding:15px 14px}.hp-release-entry__badge{width:34px;height:34px;border-radius:12px}.hp-changelog-search div{grid-template-columns:1fr}.hp-changelog-search button{width:100%}}

/* Hubbo Prime v37.2.1 — Changelog nav spacing fix */
.hp-changelog-page {
    padding-top: 128px !important;
}

@media (max-width: 720px) {
    .hp-changelog-page {
        padding-top: 104px !important;
    }
}

/* Hubbo Prime v38.0.0 Pulse - News Center */
.hp-news-page,
.hp-article-page {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.hp-news-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 24px;
}

.hp-news-hero > div:first-child,
.hp-news-hero__meta {
    border: 1px solid rgba(142, 219, 50, .14);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 15%, rgba(142, 219, 50, .15), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .015));
    box-shadow: 0 28px 90px rgba(0, 0, 0, .34);
}

.hp-news-hero > div:first-child {
    padding: 42px 46px;
}

.hp-news-hero h1 {
    margin: 12px 0 12px;
    color: #fff;
    font-size: clamp(48px, 7vw, 86px);
    line-height: .88;
    letter-spacing: -0.07em;
}

.hp-news-hero p {
    max-width: 680px;
    color: rgba(239, 247, 233, .72);
    font-size: 16px;
    line-height: 1.7;
    font-weight: 700;
}

.hp-news-hero__meta {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hp-news-hero__meta span,
.hp-news-hero__meta small,
.hp-section-heading span,
.hp-news-filter-card h3,
.hp-news-search label,
.hp-related-news > span,
.hp-author-card > span {
    color: var(--hp-green-2, #9cff3b);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hp-news-hero__meta strong {
    color: #fff;
    margin-top: 10px;
    font-size: 42px;
    line-height: 1;
    letter-spacing: -.05em;
}

.hp-news-hero__meta small {
    margin-top: 10px;
    color: rgba(239, 247, 233, .78);
}

.hp-news-featured {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
    gap: 18px;
    margin-bottom: 26px;
}

.hp-news-featured__main,
.hp-news-mini,
.hp-news-card,
.hp-news-sidebar > *,
.hp-news-list,
.hp-article-shell,
.hp-author-card,
.hp-related-news {
    border: 1px solid rgba(255, 255, 255, .075);
    background: rgba(13, 22, 15, .78);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
}

.hp-news-featured__main {
    min-height: 390px;
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 24px;
    text-decoration: none;
}

.hp-news-featured__image,
.hp-news-card__image,
.hp-news-mini__image,
.hp-related-news a > div {
    background-size: cover;
    background-position: center;
    image-rendering: auto;
}

.hp-news-featured__image {
    position: absolute;
    inset: 0;
    transition: transform .35s ease;
}

.hp-news-featured__main:hover .hp-news-featured__image,
.hp-news-card:hover .hp-news-card__image {
    transform: scale(1.045);
}

.hp-news-featured__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .82));
}

.hp-news-featured__content {
    position: relative;
    z-index: 2;
    padding: 34px;
    max-width: 760px;
}

.hp-news-featured__content h2 {
    color: #fff;
    font-size: clamp(30px, 4vw, 56px);
    line-height: .95;
    letter-spacing: -.055em;
    margin: 12px 0;
}

.hp-news-featured__content p,
.hp-news-card__body p,
.hp-article-hero__content p,
.hp-prose,
.hp-related-news p {
    color: rgba(239, 247, 233, .74);
    line-height: 1.7;
}

.hp-news-read {
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 3;
    border-radius: 14px;
    padding: 13px 16px;
    background: rgba(142, 219, 50, .95);
    color: #071008;
    font-weight: 950;
    text-transform: uppercase;
    font-size: 12px;
}

.hp-news-featured__side {
    display: grid;
    gap: 14px;
}

.hp-news-mini {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 14px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    text-decoration: none;
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.hp-news-mini:hover,
.hp-news-card:hover {
    transform: translateY(-3px);
    border-color: rgba(142, 219, 50, .22);
    background: rgba(21, 34, 22, .86);
}

.hp-news-mini__image {
    height: 84px;
    border-radius: 14px;
}

.hp-news-mini span,
.hp-news-card__meta,
.hp-article-meta {
    color: rgba(239, 247, 233, .56);
    font-size: 12px;
    font-weight: 800;
}

.hp-news-mini strong {
    display: block;
    color: #fff;
    margin-top: 4px;
    line-height: 1.15;
}

.hp-news-mini small {
    color: rgba(239, 247, 233, .58);
    font-weight: 800;
}

.hp-news-layout {
    display: grid;
    grid-template-columns: 294px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.hp-news-sidebar {
    display: grid;
    gap: 14px;
    position: sticky;
    top: 104px;
}

.hp-news-search,
.hp-news-filter-card,
.hp-news-list {
    border-radius: 22px;
    padding: 18px;
}

.hp-news-search div {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
}

.hp-news-search input {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 14px;
    background: rgba(0, 0, 0, .22);
    color: #fff;
    padding: 0 14px;
    height: 44px;
    font-weight: 800;
    outline: none;
}

.hp-news-search button,
.hp-news-filter-card a.is-active,
.hp-news-pagination nav a[aria-current="page"] span,
.hp-news-pagination nav span[aria-current="page"] span {
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #9aff35, #61c915);
    color: #081008;
    font-weight: 950;
}

.hp-news-search button {
    height: 44px;
    padding: 0 16px;
    cursor: pointer;
}

.hp-news-filter-card h3 {
    margin: 0 0 12px;
    color: #fff;
    letter-spacing: 0;
    text-transform: none;
    font-size: 15px;
}

.hp-news-filter-card a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: rgba(239, 247, 233, .7);
    text-decoration: none;
    border-radius: 14px;
    padding: 12px;
    font-weight: 950;
}

.hp-news-filter-card a strong {
    color: rgba(239, 247, 233, .54);
}

.hp-news-list {
    padding: 24px;
}

.hp-section-heading {
    margin-bottom: 18px;
}

.hp-section-heading h2 {
    color: #fff;
    font-size: 30px;
    margin: 6px 0 4px;
    letter-spacing: -.045em;
}

.hp-section-heading p {
    color: rgba(239, 247, 233, .6);
    font-weight: 800;
}

.hp-news-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.hp-news-card {
    overflow: hidden;
    border-radius: 20px;
    text-decoration: none;
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.hp-news-card__image {
    position: relative;
    min-height: 168px;
    transition: transform .35s ease;
}

.hp-news-card__body {
    padding: 18px;
}

.hp-news-card__body h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 20px;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.hp-news-card__meta,
.hp-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 14px;
}

.hp-news-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.hp-news-tags span {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: var(--tag-color, #8edb32);
    color: #061007;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hp-news-tags--floating {
    position: absolute;
    left: 12px;
    bottom: 12px;
}

.hp-news-pagination {
    margin-top: 22px;
}

.hp-news-empty {
    grid-column: 1 / -1;
}

.hp-news-empty a {
    display: inline-flex;
    margin-top: 14px;
    color: #9aff35;
    font-weight: 950;
    text-decoration: none;
}

.hp-article-shell {
    overflow: hidden;
    border-radius: 26px;
}

.hp-article-hero {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: flex-end;
    background-image: var(--article-image);
    background-position: center;
    background-size: cover;
}

.hp-article-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 18%, rgba(142, 219, 50, .18), transparent 34%),
        linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .88));
}

.hp-article-hero__content {
    position: relative;
    z-index: 2;
    padding: 42px;
    max-width: 900px;
}

.hp-back-link {
    display: inline-flex;
    color: rgba(239, 247, 233, .78);
    text-decoration: none;
    font-weight: 950;
    margin-bottom: 18px;
}

.hp-article-hero h1 {
    color: #fff;
    font-size: clamp(42px, 6vw, 78px);
    line-height: .9;
    letter-spacing: -.07em;
    margin: 14px 0;
}

.hp-article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 22px;
    padding: 24px;
}

.hp-article-content,
.hp-article-side > * {
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 22px;
    background: rgba(255, 255, 255, .025);
}

.hp-article-content {
    padding: 28px;
}

.hp-prose :is(h1,h2,h3,h4) {
    color: #fff;
    letter-spacing: -.035em;
}

.hp-prose a {
    color: #9aff35;
    font-weight: 900;
}

.hp-prose img {
    max-width: 100%;
    border-radius: 18px;
}

.hp-article-livewire {
    margin-top: 22px;
}

.hp-article-side {
    display: grid;
    gap: 16px;
    align-content: start;
}

.hp-author-card,
.hp-related-news {
    border-radius: 22px;
    padding: 18px;
}

.hp-author-card > div {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
}

.hp-author-card img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    image-rendering: pixelated;
    border-radius: 18px;
    background: rgba(142, 219, 50, .08);
    border: 1px solid rgba(142, 219, 50, .16);
}

.hp-author-card strong,
.hp-related-news h3 {
    color: #fff;
}

.hp-author-card small {
    display: block;
    color: rgba(239, 247, 233, .58);
    font-weight: 850;
}

.hp-related-news h3 {
    margin: 8px 0 14px;
}

.hp-related-news a {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, .06);
    text-decoration: none;
}

.hp-related-news a > div {
    height: 56px;
    border-radius: 12px;
}

.hp-related-news strong {
    display: block;
    color: #fff;
    line-height: 1.12;
}

.hp-related-news small {
    color: rgba(239, 247, 233, .54);
    font-weight: 800;
}

@media (max-width: 980px) {
    .hp-news-hero,
    .hp-news-featured,
    .hp-news-layout,
    .hp-article-grid {
        grid-template-columns: 1fr;
    }

    .hp-news-sidebar {
        position: static;
    }

    .hp-news-grid {
        grid-template-columns: 1fr;
    }

    .hp-news-hero > div:first-child,
    .hp-article-hero__content {
        padding: 28px;
    }
}

@media (max-width: 640px) {
    .hp-news-mini {
        grid-template-columns: 90px 1fr;
    }

    .hp-news-card__image {
        min-height: 140px;
    }

    .hp-news-featured__main {
        min-height: 320px;
    }
}

/* Hubbo Prime v38.0.1 Pulse Fix - force News layout below fixed navigation */
.hp-news-page--pulse{padding-top:128px!important;padding-bottom:72px!important;position:relative!important;z-index:2!important}.hp-news-page--pulse *{box-sizing:border-box}.hp-news-page--pulse .hp-news-card,.hp-news-page--pulse .hp-news-featured__main,.hp-news-page--pulse .hp-news-mini,.hp-news-page--pulse .hp-related-news a{text-decoration:none!important}.hp-news-page--pulse img{max-width:100%}.hp-news-page--pulse .hp-news-card__image,.hp-news-page--pulse .hp-news-featured__image,.hp-news-page--pulse .hp-news-mini__image,.hp-news-page--pulse .hp-related-news a>div{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.hp-news-page--pulse .hp-news-tags span{background:var(--tag-color,#4da3ff)!important;color:#071005!important}.hp-news-page--pulse .hp-news-card__image{min-height:190px!important}.hp-news-page--pulse .hp-news-card{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;min-height:192px!important}.hp-news-page--pulse .hp-news-card__body{padding:24px!important}.hp-news-page--pulse .hp-news-card__body h3{font-size:24px!important}.hp-news-page--pulse .hp-news-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.hp-news-page--pulse .hp-news-pagination{margin-top:22px!important}.hp-news-page--pulse .hp-news-pagination nav{display:flex!important;justify-content:center!important}.hp-news-page--pulse .hp-news-pagination a,.hp-news-page--pulse .hp-news-pagination span{border-radius:10px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;color:#dfe8dd!important;margin:0 3px!important}.hp-news-page--pulse .hp-news-pagination [aria-current] span{background:rgba(142,219,50,.16)!important;border-color:rgba(142,219,50,.32)!important;color:#baff5a!important}@media(max-width:980px){.hp-news-page--pulse{padding-top:112px!important}.hp-news-page--pulse .hp-news-card{grid-template-columns:1fr!important}.hp-news-page--pulse .hp-news-card__image{min-height:220px!important}}@media(max-width:640px){.hp-news-page--pulse{padding-top:96px!important}}


/* Hubbo Prime v38.0.2 Pulse Detail Polish */
.hp-news-page--pulse .hp-news-hero {
    grid-template-columns: 1fr !important;
    margin-bottom: 28px !important;
}

.hp-news-page--pulse .hp-news-hero > div:first-child {
    min-height: 250px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 46px 54px !important;
}

.hp-news-page--pulse .hp-news-hero h1 {
    max-width: 760px !important;
    line-height: .96 !important;
    letter-spacing: -.065em !important;
    margin-top: 14px !important;
    margin-bottom: 18px !important;
}

.hp-news-page--pulse .hp-news-hero p {
    max-width: 760px !important;
    margin: 0 !important;
}

.hp-news-page--pulse .hp-news-hero__meta {
    display: none !important;
}

.hp-news-page--pulse .hp-news-filter-card {
    display: grid !important;
    gap: 10px !important;
}

.hp-news-page--pulse .hp-news-filter-card a {
    min-height: 46px !important;
    padding: 13px 14px !important;
    margin: 0 !important;
}

.hp-news-page--pulse .hp-news-filter-card a + a {
    margin-top: 4px !important;
}

.hp-news-page--pulse .hp-news-filter-card h3 {
    margin-bottom: 16px !important;
}

.hp-news-page--pulse .hp-news-search,
.hp-news-page--pulse .hp-news-filter-card {
    padding: 20px !important;
}

/* News detail: make AtomCMS livewire reactions/comments feel like Hubbo Prime */
.hp-article-page .hp-article-livewire {
    border-top: 1px solid rgba(255,255,255,.06) !important;
    margin-top: 28px !important;
    padding-top: 24px !important;
}

.hp-article-page .hp-article-livewire h1,
.hp-article-page .hp-article-livewire h2,
.hp-article-page .hp-article-livewire h3,
.hp-article-page .hp-article-livewire h4,
.hp-article-page .hp-article-livewire strong {
    color: #fff !important;
}

.hp-article-page .hp-article-livewire button,
.hp-article-page .hp-article-livewire input[type="submit"] {
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #9aff35, #61c915) !important;
    color: #071008 !important;
    font-weight: 950 !important;
    padding: 0 14px !important;
    cursor: pointer !important;
}

.hp-article-page .hp-article-livewire textarea,
.hp-article-page .hp-article-livewire input[type="text"],
.hp-article-page .hp-article-livewire input[type="search"] {
    width: 100% !important;
    min-height: 76px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 16px !important;
    background: rgba(0,0,0,.22) !important;
    color: #fff !important;
    padding: 14px 16px !important;
    outline: 0 !important;
    font-weight: 750 !important;
}

.hp-article-page .hp-article-livewire textarea:focus,
.hp-article-page .hp-article-livewire input[type="text"]:focus {
    border-color: rgba(142,219,50,.42) !important;
    box-shadow: 0 0 0 4px rgba(142,219,50,.08) !important;
}

.hp-article-page .hp-article-livewire img {
    image-rendering: pixelated !important;
}

.hp-article-page .hp-article-livewire form {
    display: grid !important;
    gap: 12px !important;
}

.hp-article-page .hp-article-livewire :is(label, p, small, span) {
    color: rgba(239,247,233,.72);
}

.hp-article-page .hp-article-livewire [class*="reaction"],
.hp-article-page .hp-article-livewire [class*="Reaction"] {
    gap: 8px !important;
}

.hp-article-page .hp-prose {
    font-size: 15px !important;
}

.hp-article-page .hp-prose p {
    margin-bottom: 18px !important;
}

.hp-article-page .hp-prose ul,
.hp-article-page .hp-prose ol {
    padding-left: 24px !important;
    margin: 16px 0 22px !important;
}

.hp-article-page .hp-prose li {
    margin: 8px 0 !important;
}

.hp-article-page .hp-prose code,
.hp-article-page .hp-prose pre {
    border-radius: 14px !important;
    background: rgba(0,0,0,.28) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.hp-article-page .hp-related-news a:hover {
    background: rgba(142,219,50,.055) !important;
    border-radius: 14px !important;
}

@media (max-width: 720px) {
    .hp-news-page--pulse .hp-news-hero > div:first-child {
        padding: 30px 26px !important;
        min-height: 210px !important;
    }

    .hp-news-page--pulse .hp-news-hero h1 {
        font-size: clamp(40px, 12vw, 62px) !important;
    }
}

/* Hubbo Prime v38.0.3 — Pulse Portal Final */
.hp-news-page--portal{width:min(100% - 34px,1180px)!important;margin:0 auto!important;padding-top:128px!important;padding-bottom:86px!important}.hp-news-page--portal .hp-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--hp-green-2);font-weight:950;text-transform:uppercase;letter-spacing:.07em;font-size:12px}.hp-news-page--portal .hp-eyebrow i{width:9px;height:9px;border-radius:999px;background:var(--hp-green);box-shadow:0 0 20px rgba(142,219,50,.6)}
.hp-news-portal-hero{position:relative;min-height:320px;border:1px solid rgba(142,219,50,.13);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(22,32,25,.92),rgba(4,8,6,.92));box-shadow:0 40px 110px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055);display:grid;grid-template-columns:1fr .76fr;align-items:stretch}.hp-news-portal-hero__copy{position:relative;z-index:2;padding:56px 48px}.hp-news-portal-hero h1{font-size:58px!important;line-height:.96!important;letter-spacing:-.07em!important;margin:20px 0 18px!important;max-width:650px;color:#fff}.hp-news-portal-hero p{max-width:520px;color:#d3ded1;font-weight:750;line-height:1.55;margin:0}.hp-news-portal-hero__visual{position:relative;min-height:100%;background-size:cover;background-position:center;filter:saturate(.9) contrast(1.06)}.hp-news-portal-hero__visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,10,.98),rgba(8,13,10,.64) 35%,rgba(8,13,10,.05)),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.35))}.hp-news-portal-hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(142,219,50,.18),transparent 34%);pointer-events:none}
.hp-news-category-strip{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;margin:18px 0 24px!important;padding:18px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:22px!important;background:rgba(14,22,17,.82)!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important}.hp-news-category-strip a{min-height:46px;display:inline-flex;align-items:center;gap:14px;padding:0 20px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085);text-decoration:none;color:#dce8d7;font-size:13px;font-weight:950;transition:.2s ease}.hp-news-category-strip a strong{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:10px;background:rgba(255,255,255,.055);color:#b8c7b3}.hp-news-category-strip a:hover{transform:translateY(-2px);border-color:rgba(142,219,50,.22)}.hp-news-category-strip a.is-active{background:linear-gradient(135deg,var(--hp-green),#54bd1e);color:#061005;box-shadow:0 16px 36px rgba(142,219,50,.22)}.hp-news-category-strip a.is-active strong{background:rgba(255,255,255,.22);color:#061005}
.hp-news-spotlight{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-bottom:24px}.hp-news-spotlight__main{position:relative;min-height:360px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#091008;text-decoration:none;display:block;box-shadow:0 34px 100px rgba(0,0,0,.42);transition:.24s ease}.hp-news-spotlight__main:hover{transform:translateY(-4px);border-color:rgba(142,219,50,.2)}.hp-news-spotlight__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.94) contrast(1.04);transition:transform .5s ease}.hp-news-spotlight__main:hover .hp-news-spotlight__bg{transform:scale(1.045)}.hp-news-spotlight__main:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,9,.96),rgba(7,12,9,.76) 39%,rgba(8,13,10,.22) 70%,rgba(0,0,0,.12)),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.55))}.hp-news-spotlight__content{position:absolute;z-index:2;left:34px;right:34px;bottom:34px}.hp-news-spotlight__content h2{font-size:38px;line-height:1;letter-spacing:-.055em;margin:14px 0 12px;color:#fff;max-width:680px}.hp-news-spotlight__content p{max-width:620px;color:#d1dcd1;margin:0 0 16px;line-height:1.5}.hp-news-read{position:absolute;right:22px;bottom:22px;z-index:3;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--hp-green),#52b91c);color:#061005!important;font-weight:950;text-transform:uppercase;font-size:12px;padding:0 18px;box-shadow:0 18px 40px rgba(142,219,50,.24)}.hp-news-spotlight__side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.hp-news-mini--portal{display:grid!important;grid-template-columns:112px 1fr!important;gap:14px!important;align-items:center!important;padding:16px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(19,30,23,.88),rgba(8,14,10,.82))!important;border:1px solid rgba(255,255,255,.075)!important;text-decoration:none!important;min-height:calc(180px - 9px)!important;transition:.2s ease!important}.hp-news-mini--portal:hover{transform:translateY(-3px);border-color:rgba(142,219,50,.2)!important}.hp-news-mini--portal .hp-news-mini__image{width:112px!important;height:80px!important;border-radius:14px!important}.hp-news-mini--portal span{color:#9fb19b!important;font-size:11px!important;font-weight:950!important}.hp-news-mini--portal strong{color:#fff!important;font-size:15px!important;line-height:1.08!important}.hp-news-mini--portal small{color:#a7b4a6!important;font-weight:800!important}
.hp-news-portal-layout{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}.hp-news-control-panel{display:flex!important;flex-direction:column!important;gap:18px!important;position:sticky!important;top:106px!important}.hp-news-search--portal,.hp-news-filter-card--portal{border-radius:22px!important;background:linear-gradient(180deg,rgba(18,28,21,.88),rgba(8,14,10,.82))!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 28px 70px rgba(0,0,0,.3)!important;padding:20px!important}.hp-news-search--portal label,.hp-news-filter-card--portal h3{display:block;margin:0 0 14px!important;color:var(--hp-green-2)!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:950!important}.hp-news-search--portal div{display:grid!important;grid-template-columns:1fr 46px!important;gap:8px!important}.hp-news-search--portal input{height:46px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(0,0,0,.18)!important;color:#fff!important;padding:0 14px!important;font-weight:750!important}.hp-news-search--portal button{height:46px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--hp-green),#55bd20)!important;color:#071005!important;font-weight:950!important;font-size:18px!important}.hp-news-filter-select{min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 14px;margin-top:10px;border-radius:14px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035)}.hp-news-filter-select span{font-size:11px;font-weight:850;text-transform:uppercase;color:#9faf9b}.hp-news-filter-select strong{font-size:13px;color:#eaf3e8}.hp-news-popular a{display:grid!important;grid-template-columns:62px 1fr!important;gap:12px!important;align-items:center!important;text-decoration:none!important;color:#fff!important;padding:8px!important;border-radius:14px!important;margin-top:8px!important;background:rgba(255,255,255,.035)!important}.hp-news-popular a:hover{background:rgba(142,219,50,.07)!important}.hp-news-popular a div{width:62px;height:48px;border-radius:10px;background-size:cover;background-position:center}.hp-news-popular a span{font-size:13px;font-weight:950;line-height:1.15}.hp-news-list--portal{border-radius:24px!important;background:linear-gradient(180deg,rgba(18,28,21,.88),rgba(8,14,10,.82))!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 28px 80px rgba(0,0,0,.33)!important;padding:26px!important}.hp-section-heading--portal{margin-bottom:20px}.hp-section-heading--portal span{color:var(--hp-green-2)!important;font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.hp-section-heading--portal h2{font-size:28px!important;margin:6px 0 4px!important;letter-spacing:-.04em}.hp-section-heading--portal p{margin:0;color:#aebbae;font-weight:800}.hp-news-feed{display:flex;flex-direction:column;gap:16px}.hp-news-feed-card{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:20px;align-items:center;min-height:158px;padding:0 16px 0 0;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075);text-decoration:none;color:inherit;transition:.22s ease}.hp-news-feed-card:hover{transform:translateY(-3px);border-color:rgba(142,219,50,.2);background:rgba(255,255,255,.055)}.hp-news-feed-card__image{height:158px;background-size:cover;background-position:center;position:relative}.hp-news-feed-card__body h3{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:0 0 10px;color:#fff}.hp-news-feed-card__body p{margin:0 0 12px;color:#c3cfc3;line-height:1.45}.hp-news-card__meta{display:flex;flex-wrap:wrap;gap:14px;color:#96a495;font-size:12px;font-weight:850}.hp-news-feed-card__stats{display:flex;align-items:center;gap:12px;color:#aebaae;font-size:12px;font-weight:850;white-space:nowrap}.hp-news-tags{display:flex;gap:8px;flex-wrap:wrap}.hp-news-tags span{height:26px;display:inline-flex;align-items:center;border-radius:999px;padding:0 11px;background:var(--tag-color,#4da3ff)!important;color:#061005!important;font-size:11px;font-weight:950;text-transform:uppercase;box-shadow:0 10px 28px rgba(77,163,255,.18)}.hp-news-tags--floating{position:absolute;left:14px;bottom:12px;z-index:3}
.hp-article-page--portal{width:min(100% - 34px,1180px)!important;margin:0 auto!important;padding-top:126px!important;padding-bottom:86px!important}.hp-article-shell--portal{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.hp-back-link--portal{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:#c8d6c6;text-decoration:none;font-size:13px;font-weight:900}.hp-back-link--portal:hover{color:var(--hp-green-2)}.hp-article-hero--portal{position:relative;min-height:410px!important;border-radius:24px 24px 0 0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.085)!important;border-bottom:0!important;background-image:var(--article-image)!important;background-size:cover!important;background-position:center!important;box-shadow:0 36px 100px rgba(0,0,0,.38)!important}.hp-article-hero--portal:before{content:'';position:absolute;inset:0;background-image:var(--article-image);background-size:cover;background-position:center;filter:saturate(.96) contrast(1.04);transform:scale(1.01)}.hp-article-hero--portal .hp-article-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,8,.96),rgba(6,11,8,.72) 45%,rgba(6,11,8,.18) 76%,rgba(6,11,8,.05)),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.6))}.hp-article-hero--portal .hp-article-hero__content{position:absolute!important;left:42px!important;right:42px!important;bottom:42px!important;z-index:3!important;max-width:790px!important}.hp-article-hero--portal h1{font-size:54px!important;line-height:.96!important;letter-spacing:-.07em!important;max-width:780px!important;margin:18px 0 14px!important;color:#fff!important}.hp-article-hero--portal p{font-size:17px!important;line-height:1.5!important;color:#edf6eb!important;margin:0 0 18px!important;max-width:680px!important}.hp-article-meta--portal{display:flex!important;flex-wrap:wrap!important;gap:18px!important;color:#d5e2d3!important;font-size:13px!important;font-weight:850!important}.hp-article-grid--portal{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important;align-items:start!important;background:linear-gradient(180deg,rgba(14,23,17,.92),rgba(7,13,9,.9))!important;border:1px solid rgba(255,255,255,.085)!important;border-top:0!important;border-radius:0 0 24px 24px!important;padding:24px!important;box-shadow:0 42px 110px rgba(0,0,0,.42)!important}.hp-article-content--portal,.hp-author-card--portal,.hp-related-news--portal{border-radius:20px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.075)!important}.hp-article-content--portal{padding:26px!important;min-width:0!important}.hp-prose--portal{font-size:15px!important;line-height:1.82!important;color:#d3ddd2!important}.hp-prose--portal :is(h2,h3,h4){color:#fff!important;margin:28px 0 12px!important;letter-spacing:-.03em!important}.hp-prose--portal p{margin:0 0 18px!important}.hp-prose--portal ul{margin:12px 0 22px 22px!important}.hp-prose--portal li{margin:7px 0!important}.hp-prose--portal a{color:#63c9ff!important;font-weight:900!important}.hp-article-side--portal{display:flex!important;flex-direction:column!important;gap:18px!important;position:sticky!important;top:106px!important}.hp-author-card--portal,.hp-related-news--portal{padding:22px!important}.hp-author-card--portal>span,.hp-related-news--portal>span{display:block;color:var(--hp-green-2);font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:12px;margin-bottom:14px}.hp-author-card--portal>div{display:flex;align-items:center;gap:14px;margin-bottom:16px}.hp-author-card--portal img{width:64px!important;height:64px!important;object-fit:contain!important;image-rendering:pixelated!important;background:rgba(142,219,50,.1);border:1px solid rgba(142,219,50,.18);border-radius:15px}.hp-author-card--portal strong{display:block;color:#fff;font-size:16px;line-height:1}.hp-author-card--portal small{display:block;color:#aeb9ad;font-weight:800;margin-top:5px}.hp-author-card--portal a,.hp-related-news__all{height:44px;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:rgba(142,219,50,.1)!important;border:1px solid rgba(142,219,50,.16)!important;color:var(--hp-green-2)!important;text-decoration:none!important;font-weight:950!important;text-transform:uppercase!important;font-size:12px!important}.hp-related-news--portal h3{font-size:20px;margin:0 0 14px}.hp-related-news--portal a:not(.hp-related-news__all){display:grid!important;grid-template-columns:74px 1fr!important;gap:12px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;text-decoration:none!important;color:#fff!important}.hp-related-news--portal a>div{width:74px!important;height:55px!important;border-radius:12px!important;background-size:cover!important;background-position:center!important}.hp-related-news--portal strong{display:block;font-size:13px;line-height:1.15}.hp-related-news--portal small{color:#98a797;font-weight:800}.hp-related-news__all{margin-top:16px!important;border-bottom:1px solid rgba(142,219,50,.16)!important}
.hp-article-livewire{margin-top:24px!important;padding:0!important;background:transparent!important;border:0!important}.hp-reactions,.hp-comments{font-family:inherit;color:#dce8d8}.hp-reactions{padding-top:22px;border-top:1px solid rgba(255,255,255,.075)}.hp-reactions__head,.hp-comment-compose__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.hp-reactions__head span,.hp-comment-compose__head span{display:block;color:#fff;font-size:19px;font-weight:950;letter-spacing:-.03em}.hp-reactions__head button,.hp-comment-form button{height:40px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--hp-green),#55bb20);color:#071005;font-weight:950;text-transform:uppercase;font-size:12px;padding:0 16px;cursor:pointer}.hp-reactions__chips{display:flex;gap:10px;flex-wrap:wrap}.hp-reaction-chip{height:46px;min-width:76px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.038);color:#fff;font-weight:950;cursor:pointer;transition:.2s ease}.hp-reaction-chip:hover,.hp-reaction-chip.is-active{transform:translateY(-2px);border-color:rgba(142,219,50,.22);background:rgba(142,219,50,.08)}.hp-reaction-chip img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.hp-reactions__empty,.hp-comment-empty{display:flex;align-items:center;gap:12px;padding:18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}.hp-reactions__empty span,.hp-comment-empty span{font-size:24px}.hp-reactions__empty strong,.hp-comment-empty strong{color:#fff}.hp-reactions__empty small,.hp-comment-empty small{color:#aab7aa}.hp-reaction-popover{border-radius:14px!important;background:#111a14!important;border:1px solid rgba(142,219,50,.18)!important;color:#fff!important;box-shadow:0 20px 60px rgba(0,0,0,.45)!important}.hp-reaction-popover__title{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-bottom:1px solid rgba(255,255,255,.07);font-weight:950}.hp-reaction-popover__title img{width:20px}.hp-reaction-popover__body{padding:10px;max-height:200px;overflow:auto;text-align:center}.hp-modal-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.hp-reaction-modal{width:min(100% - 34px,520px);border-radius:24px;background:linear-gradient(180deg,#142018,#09100c);border:1px solid rgba(142,219,50,.18);box-shadow:0 40px 120px rgba(0,0,0,.55);padding:22px}.hp-reaction-modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hp-reaction-modal__head h2{margin:0;font-size:24px}.hp-reaction-modal__head button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);color:#fff}.hp-reaction-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px}.hp-reaction-modal__grid button{height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);cursor:pointer}.hp-reaction-modal__grid button:hover{background:rgba(142,219,50,.1);border-color:rgba(142,219,50,.22)}.hp-reaction-modal__grid img{image-rendering:pixelated}.hp-comment-compose{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.075)}.hp-comment-compose__head h3{font-size:22px;margin:4px 0 0;color:#fff;letter-spacing:-.03em}.hp-comment-compose__bookmark{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:rgba(142,219,50,.08);border:1px solid rgba(142,219,50,.16);color:var(--hp-green-2)}.hp-comment-form textarea{width:100%;min-height:120px;max-height:180px;resize:vertical;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);color:#fff;padding:16px;font:inherit;font-weight:700;outline:none}.hp-comment-form textarea:focus{border-color:rgba(142,219,50,.32);box-shadow:0 0 0 3px rgba(142,219,50,.06)}.hp-comment-form textarea.is-invalid{border-color:#ef4444}.hp-comment-form__footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.hp-comment-form__footer small{color:#9faf9b;font-weight:750}.hp-comment-form__footer>div{display:flex;align-items:center;gap:12px}.hp-comment-form__footer span{color:#bfcbbe;font-weight:850}.hp-form-error{color:#ff8181;margin:8px 0 0;font-weight:800}.hp-comment-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.hp-comment-card{display:grid;grid-template-columns:54px 1fr auto;gap:14px;padding:14px;border-radius:16px;background:rgba(255,255,255,.038);border:1px solid rgba(255,255,255,.075)}.hp-comment-card__avatar{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(142,219,50,.08);border:1px solid rgba(142,219,50,.15)}.hp-comment-card__avatar img{max-width:54px;max-height:70px;object-fit:contain;image-rendering:pixelated}.hp-comment-card__body header{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.hp-comment-card__body header a{color:#fff;text-decoration:none;font-weight:950}.hp-comment-card__body header span{color:#96a496;font-size:12px;font-weight:800}.hp-comment-card__body p{margin:0;color:#d5dfd4;line-height:1.55}.hp-comment-card__delete{width:32px;height:32px;border:0;border-radius:10px;background:rgba(239,68,68,.1);color:#ff8a8a;cursor:pointer}
@media(max-width:1100px){.hp-news-portal-hero,.hp-news-spotlight,.hp-news-portal-layout,.hp-article-grid--portal{grid-template-columns:1fr!important}.hp-news-portal-hero__visual{display:none}.hp-news-control-panel,.hp-article-side--portal{position:relative!important;top:auto!important}.hp-news-spotlight__side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hp-news-feed-card{grid-template-columns:180px 1fr!important}.hp-news-feed-card__stats{display:none}.hp-article-hero--portal h1{font-size:44px!important}}@media(max-width:700px){.hp-news-page--portal,.hp-article-page--portal{width:min(100% - 22px,1180px)!important;padding-top:108px!important}.hp-news-portal-hero{min-height:auto}.hp-news-portal-hero__copy{padding:32px 24px}.hp-news-portal-hero h1{font-size:40px!important}.hp-news-spotlight__main{min-height:330px}.hp-news-spotlight__content{left:22px;right:22px;bottom:72px}.hp-news-spotlight__content h2{font-size:30px}.hp-news-spotlight__side{grid-template-columns:1fr}.hp-news-feed-card{grid-template-columns:1fr!important;padding:0!important}.hp-news-feed-card__image{height:190px}.hp-news-feed-card__body{padding:18px}.hp-news-category-strip{gap:10px!important}.hp-news-category-strip a{width:100%;justify-content:space-between}.hp-article-hero--portal{min-height:360px!important}.hp-article-hero--portal .hp-article-hero__content{left:24px!important;right:24px!important;bottom:28px!important}.hp-article-hero--portal h1{font-size:34px!important}.hp-article-grid--portal{padding:14px!important}.hp-article-content--portal{padding:18px!important}.hp-comment-form__footer{align-items:flex-start;flex-direction:column}.hp-comment-form__footer>div{width:100%;justify-content:space-between}}

/* Hubbo Prime v38.0.4 — Pulse Metrics / closer portal polish */
.hp-news-page--portal{
    width:min(100% - 34px,1220px)!important;
}

.hp-news-portal-hero{
    min-height:350px!important;
    grid-template-columns:.92fr 1fr!important;
}
.hp-news-portal-hero__copy{
    padding:62px 52px!important;
}
.hp-news-portal-hero h1{
    font-size:62px!important;
    line-height:.93!important;
    letter-spacing:-.075em!important;
}
.hp-news-portal-hero__visual:before{
    background:linear-gradient(90deg,rgba(8,13,10,.98),rgba(8,13,10,.58) 29%,rgba(8,13,10,.02)),linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.28))!important;
}

.hp-news-category-strip{
    padding:20px!important;
    gap:20px!important;
}
.hp-news-category-strip a{
    min-width:112px!important;
    justify-content:space-between!important;
}

.hp-news-spotlight{
    grid-template-columns:minmax(0,1fr) 310px!important;
    gap:20px!important;
}
.hp-news-spotlight__main{
    min-height:390px!important;
}
.hp-news-spotlight__content h2{
    font-size:42px!important;
}
.hp-news-mini--portal{
    min-height:185px!important;
}

.hp-news-feed-card{
    min-height:154px!important;
}
.hp-news-feed-card__image{
    min-height:154px!important;
}
.hp-news-feed-card__body h3{
    font-size:23px!important;
}
.hp-news-feed-card__stats span{
    opacity:.88!important;
}

.hp-article-page--portal{
    width:min(100% - 34px,1180px)!important;
    padding-top:128px!important;
}
.hp-article-shell--portal{
    border-radius:26px!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.hp-back-link--portal{
    margin:0 0 14px 4px!important;
    display:inline-flex!important;
    color:#cfddcf!important;
    font-weight:900!important;
    text-decoration:none!important;
}
.hp-article-hero--portal{
    min-height:430px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 38px 110px rgba(0,0,0,.48)!important;
    border:1px solid rgba(255,255,255,.085)!important;
}
.hp-article-hero--portal:before{
    background-position:center!important;
    filter:saturate(.96) contrast(1.08)!important;
}
.hp-article-hero--portal .hp-article-hero__overlay{
    background:linear-gradient(90deg,rgba(5,10,8,.96),rgba(5,10,8,.72) 38%,rgba(5,10,8,.14) 72%,rgba(0,0,0,.03)),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.55))!important;
}
.hp-article-hero--portal .hp-article-hero__content{
    left:44px!important;
    right:44px!important;
    bottom:46px!important;
    max-width:760px!important;
}
.hp-article-hero--portal h1{
    max-width:760px!important;
    font-size:clamp(48px,5vw,72px)!important;
    line-height:.94!important;
    letter-spacing:-.075em!important;
    margin:18px 0 14px!important;
}
.hp-article-hero--portal p{
    max-width:720px!important;
    font-size:16px!important;
    line-height:1.55!important;
    color:#e7eee3!important;
}
.hp-article-meta--portal{
    margin-top:20px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:16px!important;
    color:#dce8d7!important;
    font-weight:900!important;
}
.hp-article-meta--portal span{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    opacity:.92!important;
}
.hp-article-grid--portal{
    margin-top:22px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:22px!important;
}
.hp-article-content--portal,
.hp-author-card--portal,
.hp-related-news--portal{
    background:linear-gradient(180deg,rgba(16,27,20,.9),rgba(7,13,9,.84))!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:0 25px 80px rgba(0,0,0,.28)!important;
}
.hp-article-content--portal{
    padding:34px!important;
}
.hp-prose--portal{
    font-size:16px!important;
    line-height:1.9!important;
}

.hp-reactions__chips{
    gap:12px!important;
}
.hp-reaction-wrap{
    display:inline-flex!important;
}
.hp-reaction-chip{
    height:46px!important;
    min-width:78px!important;
    padding:0 16px!important;
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,255,255,.085)!important;
}
.hp-reaction-chip.is-active{
    background:rgba(142,219,50,.16)!important;
    border-color:rgba(142,219,50,.30)!important;
}
.hp-reaction-modal{
    background:linear-gradient(180deg,#17231a,#09100c)!important;
    border-color:rgba(142,219,50,.20)!important;
}
.hp-reaction-modal__grid button{
    background:rgba(255,255,255,.06)!important;
}
.hp-reaction-modal__grid button:hover{
    background:rgba(142,219,50,.14)!important;
}
.hp-comment-form textarea{
    min-height:134px!important;
}

@media(max-width:1100px){
    .hp-news-portal-hero,.hp-news-spotlight,.hp-news-portal-layout,.hp-article-grid--portal{grid-template-columns:1fr!important}
    .hp-news-portal-hero__visual{display:block!important;min-height:220px!important}
    .hp-article-side--portal,.hp-news-control-panel{position:relative!important;top:auto!important}
}
@media(max-width:700px){
    .hp-article-hero--portal .hp-article-hero__content{left:24px!important;right:24px!important;bottom:28px!important}
    .hp-article-content--portal{padding:22px!important}
}

/* Hubbo Prime v38.1.0 — Pulse Rebuild */
.hp-news-v2,.hp-article-v2{width:min(1280px,calc(100vw - 48px));margin:0 auto;padding:118px 0 90px;color:#fff}.hp-news-v2 a,.hp-article-v2 a{text-decoration:none}.hp-news-v2-hero{min-height:350px;border:1px solid rgba(142,219,50,.18);border-radius:26px;overflow:hidden;background:linear-gradient(90deg,rgba(17,45,16,.94) 0%,rgba(9,15,12,.88) 48%,rgba(7,10,10,.12) 100%),var(--hero-img) right center/cover no-repeat;box-shadow:0 28px 80px rgba(0,0,0,.5),inset 0 0 80px rgba(142,219,50,.06);display:flex;align-items:center}.hp-news-v2-hero__copy{padding:54px;max-width:600px}.hp-v2-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#95f33e;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:22px}.hp-v2-eyebrow i{width:9px;height:9px;border-radius:999px;background:#95f33e;box-shadow:0 0 22px rgba(149,243,62,.7)}.hp-news-v2-hero h1{font-size:clamp(48px,5vw,78px);line-height:.9;margin:0 0 24px;font-weight:1000;letter-spacing:-.06em}.hp-news-v2-hero p{color:rgba(255,255,255,.72);font-weight:700;font-size:17px;line-height:1.55;max-width:520px}.hp-news-v2-cats{margin:24px 0;display:flex;gap:14px;padding:18px;border:1px solid rgba(142,219,50,.15);border-radius:20px;background:rgba(12,25,16,.82);box-shadow:0 18px 45px rgba(0,0,0,.28);overflow:auto}.hp-news-v2-cats a{display:flex;align-items:center;gap:16px;min-height:48px;padding:0 18px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:#fff;font-weight:900;white-space:nowrap}.hp-news-v2-cats a strong{background:rgba(255,255,255,.08);border-radius:999px;padding:5px 10px}.hp-news-v2-cats a.is-active{background:linear-gradient(135deg,#9bff39,#65d61f);color:#061006;box-shadow:0 12px 38px rgba(116,235,35,.25)}.hp-news-v2-spotlight{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:22px;margin-bottom:26px}.hp-news-v2-feature{min-height:330px;border-radius:24px;overflow:hidden;border:1px solid rgba(142,219,50,.16);background:linear-gradient(90deg,rgba(6,10,14,.94) 0%,rgba(6,10,14,.75) 42%,rgba(6,10,14,.1) 100%),var(--news-img) center/cover no-repeat;position:relative;display:flex;align-items:flex-end;box-shadow:0 24px 70px rgba(0,0,0,.42)}.hp-news-v2-feature__content{padding:36px;max-width:620px}.hp-news-tags{display:flex;gap:8px;flex-wrap:wrap}.hp-news-tags span{display:inline-flex;align-items:center;border-radius:999px;background:var(--tag-color,#4da3ff);color:#031018;padding:7px 11px;font-size:10px;text-transform:uppercase;font-weight:1000;letter-spacing:.04em}.hp-news-v2-feature h2{font-size:42px;line-height:.95;margin:16px 0 12px;letter-spacing:-.04em}.hp-news-v2-feature p,.hp-news-v2-card p{color:rgba(255,255,255,.72);font-weight:650}.hp-v2-meta{display:flex;gap:14px;flex-wrap:wrap;color:rgba(255,255,255,.66);font-size:12px;font-weight:850}.hp-v2-read{position:absolute;right:22px;bottom:22px;background:linear-gradient(135deg,#9bff39,#65d61f);color:#061006;border-radius:14px;padding:14px 18px;font-size:12px;text-transform:uppercase;box-shadow:0 14px 34px rgba(116,235,35,.28)}.hp-news-v2-side{display:grid;gap:18px}.hp-news-v2-side-card{display:grid;grid-template-columns:98px 1fr;gap:16px;align-items:center;border-radius:20px;padding:18px;background:rgba(16,31,21,.9);border:1px solid rgba(255,255,255,.08);color:#fff}.hp-news-v2-side-card div{height:82px;border-radius:14px;background-size:cover;background-position:center}.hp-news-v2-side-card span{display:block;color:#99ef4d;font-size:11px;font-weight:900}.hp-news-v2-side-card strong{display:block;line-height:1.1}.hp-news-v2-side-card small{color:rgba(255,255,255,.55);font-weight:800}.hp-news-v2-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.hp-news-v2-sidebar{display:grid;gap:18px;align-content:start}.hp-news-v2-search,.hp-news-v2-popular,.hp-news-v2-list{background:rgba(12,25,16,.88);border:1px solid rgba(142,219,50,.15);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.hp-news-v2-search{padding:22px}.hp-news-v2-search label,.hp-news-v2-popular h3,.hp-news-v2-list header span{display:block;text-transform:uppercase;color:#96ef40;font-size:11px;font-weight:1000;letter-spacing:.05em;margin-bottom:12px}.hp-news-v2-search div{display:grid;grid-template-columns:1fr 48px;gap:10px}.hp-news-v2-search input{height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,4,.38);color:#fff;padding:0 16px}.hp-news-v2-search button{border:0;border-radius:13px;background:linear-gradient(135deg,#9bff39,#65d61f);font-weight:1000;color:#061006}.hp-news-v2-popular{padding:22px}.hp-news-v2-popular a{display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:center;color:#fff;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);margin-top:10px}.hp-news-v2-popular div{height:50px;border-radius:10px;background-size:cover;background-position:center}.hp-news-v2-popular span{font-weight:900;line-height:1.15}.hp-news-v2-list{padding:26px}.hp-news-v2-list header{margin-bottom:20px}.hp-news-v2-list h2{font-size:32px;line-height:1;margin:0}.hp-news-v2-list header p{margin:8px 0 0;color:rgba(255,255,255,.68);font-weight:700}.hp-news-v2-card{display:grid;grid-template-columns:240px 1fr 90px;gap:24px;align-items:center;min-height:160px;border-radius:20px;padding:16px;margin-bottom:18px;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.08);color:#fff;transition:.18s ease}.hp-news-v2-card:hover{transform:translateY(-3px);border-color:rgba(142,219,50,.35)}.hp-news-v2-card__image{height:128px;border-radius:16px;background-size:cover;background-position:center;position:relative;overflow:hidden}.hp-news-tags--floating{position:absolute;left:12px;bottom:12px}.hp-news-v2-card h3{font-size:25px;line-height:1.08;margin:0 0 9px}.hp-news-v2-card aside{display:grid;gap:10px;color:rgba(255,255,255,.6);font-weight:850;text-align:right}.hp-article-v2{width:min(1180px,calc(100vw - 48px))}.hp-article-v2-back{display:inline-block;color:rgba(255,255,255,.72);font-weight:900;margin:0 0 14px}.hp-article-v2-hero{height:430px;border-radius:26px 26px 0 0;border:1px solid rgba(142,219,50,.16);overflow:hidden;background:linear-gradient(90deg,rgba(5,11,18,.93) 0%,rgba(5,11,18,.75) 45%,rgba(5,11,18,.05) 100%),var(--article-img) center/cover no-repeat;display:flex;align-items:flex-end;box-shadow:0 30px 80px rgba(0,0,0,.48)}.hp-article-v2-hero__content{padding:46px;max-width:780px}.hp-article-v2-hero h1{font-size:clamp(48px,5vw,74px);line-height:.94;margin:18px 0 14px;letter-spacing:-.06em}.hp-article-v2-hero p{font-size:17px;color:rgba(255,255,255,.82);font-weight:750}.hp-v2-meta--hero{font-size:13px;margin-top:18px}.hp-article-v2-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;background:rgba(12,25,16,.86);border:1px solid rgba(142,219,50,.13);border-top:0;border-radius:0 0 26px 26px;padding:26px}.hp-article-v2-main,.hp-author-v2,.hp-related-v2{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:20px}.hp-article-v2-main{padding:30px}.hp-prose--v2{color:rgba(255,255,255,.76);font-size:16px;line-height:1.85}.hp-prose--v2 p{margin:0 0 24px}.hp-prose--v2 a{color:#57c8ff;font-weight:900}.hp-article-v2-side{display:grid;gap:18px;align-content:start}.hp-author-v2,.hp-related-v2{padding:22px}.hp-author-v2>span,.hp-related-v2>span{display:block;color:#95ef41;text-transform:uppercase;font-size:11px;font-weight:1000;margin-bottom:14px}.hp-author-v2__person{display:grid;grid-template-columns:74px 1fr;gap:16px;align-items:center}.hp-author-v2 img{width:74px;height:74px;object-fit:contain;border-radius:15px;background:rgba(142,219,50,.12);border:1px solid rgba(142,219,50,.22);image-rendering:pixelated}.hp-author-v2 strong{display:block;font-size:18px}.hp-author-v2 small{color:rgba(255,255,255,.62);font-weight:800}.hp-author-v2 a,.hp-related-v2__all{display:flex;align-items:center;justify-content:center;height:46px;border-radius:14px;margin-top:18px;background:rgba(142,219,50,.16);border:1px solid rgba(142,219,50,.22);color:#a6ff45;font-weight:1000;text-transform:uppercase;font-size:12px}.hp-related-v2 h3{margin:0 0 12px;font-size:22px}.hp-related-v2 a:not(.hp-related-v2__all){display:grid;grid-template-columns:72px 1fr;gap:12px;color:#fff;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}.hp-related-v2 a div{height:54px;border-radius:11px;background-size:cover;background-position:center}.hp-related-v2 strong{display:block;line-height:1.15}.hp-related-v2 small{color:rgba(255,255,255,.6);font-weight:800}.hp-reactions,.hp-comments{margin-top:34px;border-top:1px solid rgba(255,255,255,.08);padding-top:28px}.hp-reactions__head,.hp-comment-compose__head{display:flex;align-items:center;justify-content:space-between;gap:18px}.hp-reactions__head span,.hp-comment-compose__head span{font-size:14px;color:#95ef41;text-transform:uppercase;font-weight:1000}.hp-reactions__head button,.hp-comment-form button{border:0;border-radius:13px;background:linear-gradient(135deg,#9bff39,#65d61f);color:#061006;height:40px;padding:0 16px;font-weight:1000}.hp-reactions__chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.hp-reaction-chip{display:flex;align-items:center;gap:9px;height:45px;border-radius:13px;padding:0 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#fff}.hp-reaction-chip.is-active{background:rgba(142,219,50,.2);border-color:rgba(142,219,50,.4)}.hp-reaction-chip img{width:24px;height:24px;image-rendering:pixelated}.hp-reactions__empty,.hp-comment-empty{display:flex;align-items:center;gap:12px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:18px;margin-top:18px}.hp-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center}.hp-reaction-modal{width:min(470px,calc(100vw - 32px));background:rgba(12,25,16,.96);border:1px solid rgba(142,219,50,.22);border-radius:22px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.58)}.hp-reaction-modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hp-reaction-modal__head h2{font-size:24px;margin:0}.hp-reaction-modal__head button{width:36px;height:36px;border:0;border-radius:12px;background:#89ef2d;color:#061006;font-weight:1000}.hp-reaction-modal__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.hp-reaction-modal__grid button{height:44px;border:1px solid rgba(142,219,50,.16);border-radius:12px;background:rgba(142,219,50,.15)}.hp-reaction-modal__grid img{width:27px;height:27px;image-rendering:pixelated}.hp-comment-form textarea{width:100%;min-height:120px;margin-top:18px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);color:#fff;padding:18px;resize:vertical}.hp-comment-form__footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:rgba(255,255,255,.62);font-weight:800}.hp-comment-card{display:grid;grid-template-columns:58px 1fr 36px;gap:14px;align-items:center;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:14px;margin-top:12px}.hp-comment-card__avatar img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.hp-comment-card header{display:flex;justify-content:space-between}.hp-comment-card header a{color:#fff;font-weight:1000}.hp-comment-card header span{color:rgba(255,255,255,.55);font-size:12px}.hp-comment-card p{margin:6px 0 0;color:rgba(255,255,255,.78)}.hp-comment-card__delete{width:34px;height:34px;border:0;border-radius:12px;background:#89ef2d;color:#061006;font-weight:1000}@media(max-width:980px){.hp-news-v2,.hp-article-v2{width:min(100% - 24px,720px);padding-top:96px}.hp-news-v2-spotlight,.hp-news-v2-body,.hp-article-v2-grid{grid-template-columns:1fr}.hp-news-v2-hero__copy,.hp-article-v2-hero__content{padding:30px}.hp-news-v2-card{grid-template-columns:1fr}.hp-news-v2-card__image{height:210px}.hp-news-v2-card aside{text-align:left;display:flex}.hp-article-v2-hero{height:auto;min-height:360px}.hp-reaction-modal__grid{grid-template-columns:repeat(5,1fr)}}


/* Hubbo Prime v38.4.11 — Team-Hero Abschluss & Seitenhintergrund */
.hp-team-page{
    position:relative;
    z-index:2;
    width:min(calc(100% - 56px),1460px);
    margin:0 auto;
    padding:124px 0 78px;
    color:#fff;
}
.hp-team-page *{box-sizing:border-box}
.hp-team-page:before{
    content:"";
    position:fixed;
    inset:-10px;
    z-index:-2;
    background:
        radial-gradient(circle at 14% 18%,rgba(142,219,50,.12),transparent 34%),
        linear-gradient(180deg,rgba(5,9,6,.34),rgba(4,7,5,.74)),
        url('/assets/images/dusk/background_image.png') center top/cover no-repeat;
    opacity:.64;
    filter:saturate(.76) blur(1.4px);
    transform:scale(1.015);
    pointer-events:none;
}
.hp-team-page:after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(circle at 18% 2%,rgba(71,148,44,.11),transparent 32%),
        radial-gradient(circle at 82% 12%,rgba(34,110,64,.07),transparent 31%),
        linear-gradient(180deg,rgba(2,7,4,.44),rgba(2,6,4,.62));
    pointer-events:none;
}
.hp-team-page [hidden]{display:none!important}

.hp-team-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,54%) minmax(0,46%);
    min-height:520px;
    height:520px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:#06130d;
    box-shadow:0 30px 82px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);
    isolation:isolate;
}
.hp-team-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
        radial-gradient(circle at 12% 10%,rgba(71,143,56,.11),transparent 39%),
        linear-gradient(90deg,#06150d 0%,#06140d 40%,rgba(6,20,13,.54) 52%,rgba(6,20,13,.035) 68%,transparent 100%);
    pointer-events:none;
}
.hp-team-hero__copy{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    min-width:0;
    padding:62px 44px 48px 60px;
}
.hp-team-hero__copy:before{
    content:"";
    position:absolute;
    inset:0 -115px 0 0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(6,21,13,1) 0%,rgba(6,21,13,.97) 52%,rgba(6,21,13,.52) 70%,rgba(6,21,13,.10) 88%,transparent 100%);
    pointer-events:none;
}
.hp-team-kicker{
    display:inline-block;
    width:max-content;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#8eea32;
    font-size:12.5px;
    font-weight:1000;
    letter-spacing:.05em;
    line-height:1;
    text-transform:uppercase;
    text-shadow:0 0 18px rgba(142,234,50,.15);
}
.hp-team-hero h1{
    max-width:670px;
    margin:20px 0 24px;
    color:#fff;
    font-size:clamp(50px,3.52vw,64px);
    font-weight:1000;
    line-height:.96;
    letter-spacing:-.058em;
}
.hp-team-hero h1 b{
    display:block;
    color:#8fe633;
    font-weight:1000;
}
.hp-team-hero p{
    max-width:535px;
    margin:0;
    color:#c7d0c6;
    font-size:17.5px;
    font-weight:470;
    line-height:1.63;
}
.hp-team-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    width:720px;
    max-width:none;
    margin-top:32px;
}
.hp-team-stat{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    min-width:0;
    min-height:84px;
    padding:13px 15px;
    column-gap:13px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.08);
}
.hp-team-stat__icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:11px;
    background:rgba(142,219,50,.10);
    color:#93e83b;
}
.hp-team-stat__icon svg{
    width:24px;
    height:24px;
    fill:currentColor;
}
.hp-team-stat--departments .hp-team-stat__icon{background:rgba(95,176,255,.10);color:#6cb9ff}
.hp-team-stat--players .hp-team-stat__icon{background:rgba(194,91,234,.11);color:#c45bea}
.hp-team-stat--availability .hp-team-stat__icon{background:rgba(243,183,44,.11);color:#f3b72c}
.hp-team-stat__copy{display:block;min-width:0}
.hp-team-stat strong{
    display:block;
    overflow:hidden;
    color:#fff;
    font-size:23px;
    font-weight:1000;
    line-height:1.04;
    letter-spacing:-.025em;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.hp-team-stat small{
    display:block;
    margin-top:6px;
    overflow:visible;
    color:#bdc6bb;
    font-size:12.5px;
    font-weight:780;
    line-height:1.15;
    white-space:nowrap;
    text-overflow:clip;
}
.hp-team-stat--members{
    grid-template-columns:44px minmax(0,1fr);
    column-gap:10px;
    padding-inline:13px;
}
.hp-team-stat--members .hp-team-stat__icon{
    width:44px;
    height:44px;
}
.hp-team-stat--members small{
    overflow:hidden;
    font-size:10.5px;
    letter-spacing:-.025em;
    text-overflow:clip;
}
.hp-team-hero__art{
    position:relative;
    z-index:1;
    min-height:520px;
    height:520px;
    background-image:
        linear-gradient(90deg,rgba(6,21,13,.42) 0%,rgba(6,21,13,.13) 18%,rgba(6,21,13,.01) 46%),
        linear-gradient(180deg,rgba(0,0,0,.01) 0%,rgba(0,0,0,.07) 70%,rgba(0,0,0,.22) 100%),
        var(--hp-team-hero-image);
    background-position:center,center,center right;
    background-size:cover,cover,cover;
    background-repeat:no-repeat;
}
.hp-team-hero__art:before{
    content:"";
    position:absolute;
    inset:0 auto 0 -145px;
    z-index:2;
    width:260px;
    background:linear-gradient(90deg,rgba(6,21,13,.92) 0%,rgba(6,21,13,.66) 24%,rgba(6,21,13,.25) 50%,rgba(6,21,13,.035) 72%,transparent 100%);
    pointer-events:none;
}
.hp-team-hero__art:after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 67% 45%,transparent 0%,transparent 44%,rgba(0,0,0,.13) 100%);
    pointer-events:none;
}

/* Hubbo Prime v38.4.28 — Team Premium UI: Karten- und Gruppenabgleich */
.hp-team-tabs{
    position:relative;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px;
    width:100%;
    min-height:90px;
    margin:14px auto 0;
    padding:10px 18px 10px 10px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    border-radius:15px;
    background:linear-gradient(180deg,rgba(6,14,11,.955),rgba(4,10,8,.94));
    box-shadow:0 18px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);
    backdrop-filter:blur(18px);
    scrollbar-width:none;
}
.hp-team-tabs::-webkit-scrollbar{display:none}
.hp-team-tabs button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    flex:0 1 auto;
    min-width:0;
    height:68px;
    padding:0 clamp(6px,.58vw,11px);
    border:1px solid transparent;
    border-radius:13px;
    background:transparent;
    color:#dbe2d8;
    font-size:clamp(12.4px,.76vw,14.4px);
    font-weight:800;
    line-height:1;
    letter-spacing:-.012em;
    white-space:nowrap;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.hp-team-tabs button:first-child{
    flex:0 1 auto;
    padding-inline:clamp(13px,.88vw,17px);
}
.hp-team-tabs button:last-child{margin-right:2px}
.hp-team-tabs button:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.038);
    border-color:rgba(255,255,255,.06);
    color:#fff;
}
.hp-team-tabs button.is-active{
    padding-inline:clamp(14px,.92vw,18px);
    background:linear-gradient(180deg,rgba(142,219,50,.19),rgba(108,187,31,.125));
    border-color:rgba(142,219,50,.25);
    color:#a2ff45;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.14);
}
.hp-team-tab__icon{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:24px;
    height:24px;
    color:var(--team-color,#8eea32);
    filter:drop-shadow(0 0 9px color-mix(in srgb,var(--team-color,#8eea32) 28%,transparent));
}
.hp-team-tab__icon svg{
    display:block;
    width:23px;
    height:23px;
    overflow:visible;
    fill:currentColor;
}
.hp-team-tab__icon--all{color:#8eea32}
.hp-team-tab__label{
    display:block;
    flex:0 1 auto;
    min-width:0;
    overflow:visible;
    text-overflow:clip;
    white-space:nowrap;
}
/* Zahlen bleiben in Hero und Gruppenüberschriften sichtbar, nicht aber in der Entwurfsnavigation. */
.hp-team-tab__count{display:none!important}

.hp-team-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    width:100%;
    min-height:58px;
    margin-top:20px;
    margin-bottom:21px;
}
.hp-team-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 54px;
    flex:0 1 720px;
    width:min(54%,720px);
    min-width:460px;
    height:54px;
    padding:0;
    border:1px solid rgba(255,255,255,.09);
    border-radius:13px;
    background:rgba(4,12,10,.84);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 12px 30px rgba(0,0,0,.08);
    backdrop-filter:blur(12px);
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.hp-team-search:focus-within{
    border-color:rgba(142,219,50,.31);
    background:rgba(5,15,12,.92);
    box-shadow:0 0 0 3px rgba(142,219,50,.06),0 12px 30px rgba(0,0,0,.1);
}
.hp-team-search>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp-team-search input{
    width:100%;
    min-width:0;
    height:52px;
    padding:0 18px;
    border:0;
    border-radius:13px 0 0 13px;
    outline:0;
    background:transparent;
    color:#e6ede3;
    font-size:14px;
    font-weight:700;
    line-height:1;
}
.hp-team-search input::placeholder{color:#8d998a;opacity:1}
.hp-team-search i{
    display:grid;
    place-items:center;
    height:52px;
    border-radius:0 13px 13px 0;
    color:#a0aca0;
    font-style:normal;
}
.hp-team-search i svg{display:block;width:21px;height:21px;fill:currentColor}
.hp-team-toolbar__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    min-width:max-content;
    margin-left:auto;
}
.hp-team-view-toggle{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.hp-team-view-toggle button{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    margin:0;
    padding:0;
    border:1px solid rgba(255,255,255,.09);
    border-radius:13px;
    background:rgba(4,12,10,.84);
    color:#afbaae;
    cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
    transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.hp-team-view-toggle button:hover{border-color:rgba(255,255,255,.15);color:#d9e1d6;transform:translateY(-1px)}
.hp-team-view-toggle button svg{display:block;width:22px;height:22px;fill:currentColor}
.hp-team-view-toggle button.is-active{
    border-color:rgba(142,219,50,.36);
    background:linear-gradient(180deg,rgba(142,219,50,.2),rgba(108,187,31,.12));
    color:#9af03d;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 9px 25px rgba(142,219,50,.075);
}
.hp-team-online-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    height:54px;
    margin:0;
    padding:0 2px 0 0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#c0cabd;
    font-size:13px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
    box-shadow:none;
    transition:color .2s ease,opacity .2s ease;
}
.hp-team-online-toggle:hover{color:#e0e8dd;opacity:1}
.hp-team-online-toggle>i{display:none}
.hp-team-online-toggle__label{display:inline!important;width:auto!important;height:auto!important;border:0!important;background:transparent!important;font-size:12.5px!important;line-height:1!important;white-space:nowrap!important;color:inherit!important}
.hp-team-online-toggle__switch{position:relative!important;display:inline-block!important;flex:0 0 auto!important;width:38px!important;height:22px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
.hp-team-online-toggle__switch b{position:absolute;width:15px;height:15px;left:3px;top:2.5px;border-radius:50%;background:#d7dfd4;transition:left .2s ease,background .2s ease,box-shadow .2s ease}
.hp-team-online-toggle.is-active{border-color:transparent;background:transparent;color:#dce8d5;box-shadow:none}
.hp-team-online-toggle.is-active .hp-team-online-toggle__switch{border-color:rgba(142,219,50,.46)!important;background:rgba(142,219,50,.18)!important;box-shadow:0 0 0 1px rgba(142,219,50,.03)!important}
.hp-team-online-toggle.is-active .hp-team-online-toggle__switch b{left:18px;background:#8eea32;box-shadow:0 0 10px rgba(142,234,50,.4)}

.hp-team-groups{display:grid;gap:38px;margin-top:30px}
.hp-team-group__head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px;margin-bottom:16px;padding:0 2px}
.hp-team-group__title{display:flex;align-items:center;gap:10px;min-width:0}
.hp-team-group__title>span{width:auto;height:auto;border:0;background:transparent;font-size:19px;filter:drop-shadow(0 0 11px color-mix(in srgb,var(--team-color) 60%,transparent))}
.hp-team-group__title h2{margin:0;color:var(--team-color);font-size:19px;font-weight:1000;line-height:1;text-transform:uppercase;letter-spacing:.018em}
.hp-team-group__title small{display:grid;place-items:center;min-width:26px;height:23px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.075);color:#d7dfd5;font-size:10px;font-weight:900}
.hp-team-group__tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.hp-team-group__nav{display:flex;align-items:center;gap:8px}
.hp-team-group__nav button{display:grid;place-items:center;width:32px;height:32px;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(5,13,10,.78);color:#879286;font-size:20px;line-height:1;cursor:pointer}
.hp-team-group__nav button:hover{border-color:color-mix(in srgb,var(--team-color) 38%,rgba(255,255,255,.08));color:#fff}

.hp-team-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
    overflow:visible;
}
.hp-team-grid::-webkit-scrollbar{display:none}
/* In der Kachelansicht werden weitere Mitglieder in neue Reihen umgebrochen. */
.hp-team-page:not(.is-list-view) .hp-team-group__nav{display:none!important}
.hp-team-card{
    position:relative;
    display:grid;
    grid-template-columns:142px minmax(0,1fr);
    grid-template-rows:1fr;
    gap:19px;
    width:100%;
    min-width:0;
    height:278px;
    min-height:278px;
    padding:17px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--team-color) 32%,rgba(255,255,255,.07));
    border-radius:19px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--team-color) 9%,rgba(12,24,18,.97)),rgba(4,11,8,.97));
    box-shadow:inset 2px 0 0 color-mix(in srgb,var(--team-color) 70%,transparent),0 18px 55px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(9px);
    scroll-snap-align:start;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.hp-team-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--team-color) 14%,transparent),transparent 42%);pointer-events:none}
.hp-team-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--team-color) 62%,rgba(255,255,255,.08));box-shadow:inset 2px 0 0 var(--team-color),0 26px 68px rgba(0,0,0,.36),0 0 30px color-mix(in srgb,var(--team-color) 11%,transparent)}
.hp-team-card__avatar-wrap{position:relative;z-index:1;display:grid;grid-template-rows:202px 36px;gap:11px;width:142px;min-width:142px}
.hp-team-card__avatar{position:relative;width:134px;height:202px;overflow:hidden;border:1px solid color-mix(in srgb,var(--team-color) 30%,rgba(255,255,255,.08));border-radius:16px;background-image:linear-gradient(180deg,rgba(3,9,7,.34),rgba(2,7,5,.62)),linear-gradient(90deg,rgba(2,8,5,.20),transparent 48%,rgba(2,8,5,.16)),var(--team-background,url('/assets/images/staff-bg.png'));background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 42px rgba(0,0,0,.48),0 10px 27px rgba(0,0,0,.2)}
.hp-team-card__avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 38%,rgba(0,0,0,.38));pointer-events:none}
.hp-team-card__avatar img{position:absolute;z-index:1;left:50%;bottom:0;top:auto;width:auto!important;height:auto!important;max-width:none!important;transform:translateX(-50%) scale(1.01);transform-origin:center bottom;image-rendering:pixelated;filter:drop-shadow(0 11px 15px rgba(0,0,0,.48));transition:bottom .2s ease}
.hp-team-card:hover .hp-team-card__avatar img{bottom:2px}
.hp-team-card__socials{display:flex;align-items:center;gap:8px;height:36px}
.hp-team-card__socials a{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.045);color:#d8d1ff;text-decoration:none;font-size:15px;font-weight:1000;transition:.18s ease}
.hp-team-card__socials a img{display:block;width:17px;height:17px;object-fit:contain;image-rendering:pixelated;filter:grayscale(1) brightness(1.85) opacity(.9)}
.hp-team-card__socials a:hover img{filter:brightness(.2)}
.hp-team-card__socials a:nth-child(2){color:#d3ddd0;font-size:13px}
.hp-team-card__socials a:hover{transform:translateY(-2px);border-color:var(--team-color);background:var(--team-color);color:#061007}
.hp-team-card__body{position:relative;z-index:1;display:grid;grid-template-rows:auto auto 1fr auto;min-width:0;padding:4px 0 0}
.hp-team-card__title{display:block;min-width:0}
.hp-team-card h3{display:flex;align-items:center;gap:7px;min-width:0;margin:0;overflow:hidden;color:#fff;font-size:22px;font-weight:1000;line-height:1.06;letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis}
.hp-team-card h3 span{display:inline-grid;place-items:center;flex:0 0 auto;width:23px;height:23px;border:1px solid color-mix(in srgb,var(--team-color) 40%,rgba(255,255,255,.09));border-radius:7px;background:color-mix(in srgb,var(--team-color) 18%,rgba(255,255,255,.05));font-size:12px}
.hp-team-card strong{display:block;max-width:100%;margin-top:7px;overflow:hidden;color:var(--team-color);font-size:12.8px;font-weight:1000;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.hp-team-card p{max-width:100%;min-height:54px;margin:16px 0 0;color:#d1d9cf;font-size:12.8px;font-weight:650;line-height:1.5}
.hp-team-card__meta{align-self:end;display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 124px);min-height:36px;margin:0;padding:8px 11px;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:rgba(255,255,255,.035)}
.hp-team-card__meta span{display:inline-flex;align-items:center;gap:4px;height:auto;padding:0;border:0;background:transparent;color:#a5afa3;font-size:10.2px;font-weight:850;white-space:nowrap}
.hp-team-card__meta i{width:6px;height:6px;border-radius:50%;background:#6d756b}
.hp-team-card__meta .is-online i{background:#74ec38;box-shadow:0 0 8px rgba(116,236,56,.65)}
.hp-team-card__profile{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;min-width:118px;height:36px;padding:0 15px;border:1px solid color-mix(in srgb,var(--team-color) 58%,rgba(255,255,255,.1));border-radius:9px;background:rgba(0,0,0,.12);color:color-mix(in srgb,var(--team-color) 84%,#fff);font-size:11px;font-weight:1000;text-decoration:none;transition:.18s ease}
.hp-team-card__profile:hover{background:var(--team-color);color:#061007;box-shadow:0 12px 30px color-mix(in srgb,var(--team-color) 22%,transparent)}

/* Featured-Gruppen erhalten mehr Präsenz; operative Gruppen behalten ihre kompakte Hierarchie. */
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-group__title h2{font-size:20px}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-group__title>span{font-size:20px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-group__title h2{font-size:17px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-group__title>span{font-size:17px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-group__title small{min-width:24px;height:21px;font-size:9px}

/* Operative Gruppen nutzen die kompaktere Viererreihe des Entwurfs. */
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-group__head{margin-bottom:12px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card{grid-template-columns:96px minmax(0,1fr);gap:12px;height:224px;min-height:224px;padding:12px;border-radius:16px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar-wrap{grid-template-rows:156px 31px;gap:9px;width:96px;min-width:96px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar{width:90px;height:156px;border-radius:12px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar img{transform:translateX(-50%) scale(.9)}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__socials{gap:7px;height:31px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__socials a{width:29px;height:29px;border-radius:8px;font-size:13px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__socials a img{width:15px;height:15px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card h3{gap:5px;font-size:16.5px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card h3 span{width:20px;height:20px;border-radius:6px;font-size:10px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card strong{margin-top:5px;font-size:10.8px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card p{min-height:39px;margin-top:11px;font-size:10.7px;line-height:1.43}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta{gap:6px;max-width:calc(100% - 96px);min-height:30px;padding:6px 7px;border-radius:8px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta span{font-size:8.2px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__profile{min-width:91px;height:30px;padding:0 9px;border-radius:8px;font-size:9px}

/* Listenansicht ist ein echtes horizontales Informationslayout. */
.hp-team-page.is-list-view .hp-team-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;gap:13px;overflow:visible;scroll-snap-type:none}
.hp-team-page.is-list-view .hp-team-card{grid-template-columns:120px minmax(0,1fr);gap:18px;width:100%;height:164px;min-height:164px;padding:12px 14px;border-radius:15px}
.hp-team-page.is-list-view .hp-team-card__avatar-wrap{grid-template-rows:112px 29px;gap:8px;width:120px;min-width:120px}
.hp-team-page.is-list-view .hp-team-card__avatar{width:112px;height:112px;border-radius:12px}
.hp-team-page.is-list-view .hp-team-card__avatar img{transform:translateX(-50%) scale(.74)}
.hp-team-page.is-list-view .hp-team-card__socials{height:29px;gap:7px}
.hp-team-page.is-list-view .hp-team-card__socials a{width:28px;height:28px;border-radius:8px}
.hp-team-page.is-list-view .hp-team-card__body{display:grid;grid-template-columns:minmax(180px,.78fr) minmax(220px,1.2fr) auto 112px;grid-template-rows:1fr;align-items:center;gap:22px;padding:0}
.hp-team-page.is-list-view .hp-team-card__title{min-width:0}
.hp-team-page.is-list-view .hp-team-card h3{font-size:19px}
.hp-team-page.is-list-view .hp-team-card strong{font-size:11.5px}
.hp-team-page.is-list-view .hp-team-card p{min-height:0;margin:0;color:#cbd4c9;font-size:11.5px;line-height:1.45}
.hp-team-page.is-list-view .hp-team-card__meta{align-self:center;width:max-content;max-width:none;min-height:32px;padding:7px 9px}
.hp-team-page.is-list-view .hp-team-card__profile{position:static;justify-self:end;min-width:108px;height:32px;font-size:10px}
.hp-team-page.is-list-view .hp-team-group__nav{display:none!important}

.hp-team-empty{padding:32px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.04);color:#aeb8aa;text-align:center}
.hp-team-empty strong{display:block;margin-bottom:8px;color:#fff;font-size:22px}
.hp-team-empty--search{margin-top:26px}

.hp-team-page.is-list-view .hp-team-grid{
    grid-auto-flow:row;
    grid-auto-columns:auto;
    grid-template-columns:1fr;
    gap:12px;
    overflow:visible;
    scroll-snap-type:none;
}
.hp-team-page.is-list-view .hp-team-card{
    grid-template-columns:112px minmax(0,1fr);
    gap:17px;
    width:100%;
    height:176px;
    min-height:176px;
    padding:12px 14px;
    border-radius:15px;
}
.hp-team-page.is-list-view .hp-team-card__avatar-wrap{
    grid-template-rows:120px 30px;
    gap:9px;
    width:112px;
    min-width:112px;
}
.hp-team-page.is-list-view .hp-team-card__avatar{
    width:104px;
    height:120px;
    border-radius:12px;
}
.hp-team-page.is-list-view .hp-team-card__avatar img{
    transform:translateX(-50%) scale(.78);
}
.hp-team-page.is-list-view .hp-team-card__socials{
    height:30px;
    gap:7px;
}
.hp-team-page.is-list-view .hp-team-card__socials a{
    width:28px;
    height:28px;
    border-radius:8px;
}
.hp-team-page.is-list-view .hp-team-card__body{
    grid-template-rows:auto 1fr auto;
    padding-top:2px;
}
.hp-team-page.is-list-view .hp-team-card h3{font-size:18px}
.hp-team-page.is-list-view .hp-team-card strong{font-size:11px}
.hp-team-page.is-list-view .hp-team-card p{
    min-height:0;
    margin-top:9px;
    font-size:11px;
    line-height:1.4;
}
.hp-team-page.is-list-view .hp-team-card__meta{
    max-width:calc(100% - 118px);
    min-height:30px;
    padding:6px 8px;
}
.hp-team-page.is-list-view .hp-team-card__profile{
    min-width:108px;
    height:30px;
    font-size:10px;
}
.hp-team-page.is-list-view .hp-team-group__nav{display:none!important}

@media(max-width:1180px){
    .hp-team-tabs{justify-content:flex-start;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding-right:12px}
    .hp-team-tabs button{flex:0 0 auto;min-width:max-content;padding-inline:15px;font-size:13.8px;scroll-snap-align:start}
    .hp-team-tabs button:first-child{min-width:max-content;padding-inline:17px}
    .hp-team-tabs button.is-active{padding-inline:18px}
    .hp-team-tabs button:last-child{margin-right:4px}
}
@media(max-width:1180px){
    .hp-team-page{width:min(calc(100% - 40px),1080px)}
    .hp-team-stats{width:100%;max-width:720px;grid-template-columns:repeat(2,minmax(0,1fr))}
    .hp-team-hero{grid-template-columns:minmax(0,56%) minmax(0,44%)}
    .hp-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .hp-team-page.is-list-view .hp-team-grid{grid-template-columns:1fr}
    .hp-team-page.is-list-view .hp-team-card__body{grid-template-columns:minmax(160px,.7fr) minmax(190px,1fr) auto 108px;gap:15px}
}
@media(max-width:900px){
    .hp-team-hero{height:auto;min-height:0;grid-template-columns:1fr}
    .hp-team-hero__copy:before{inset:0}
    .hp-team-hero__art{height:280px;min-height:280px}
    .hp-team-hero__art:before{inset:-120px 0 auto 0;width:100%;height:210px;background:linear-gradient(180deg,rgba(7,27,17,1),rgba(7,27,17,.65),transparent)}
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hp-team-page.is-list-view .hp-team-card__body{grid-template-columns:minmax(145px,.65fr) minmax(170px,1fr) auto;gap:13px}
    .hp-team-page.is-list-view .hp-team-card__profile{grid-column:3;grid-row:1}
    .hp-team-page.is-list-view .hp-team-card__meta{display:none}
}
@media(max-width:760px){
    .hp-team-page{width:min(calc(100% - 24px),720px);padding-top:104px}
    .hp-team-hero__copy{padding:31px 24px 54px}
    .hp-team-hero h1{font-size:40px}
    .hp-team-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hp-team-tabs{width:100%;min-height:68px;padding:7px 8px;gap:6px}
    .hp-team-tabs button{height:52px;min-width:max-content;padding:0 15px;font-size:13.5px;gap:10px}
    .hp-team-tabs button:first-child{min-width:max-content;padding-inline:17px}
    .hp-team-tab__icon{width:22px;height:22px}
    .hp-team-tab__icon svg{width:21px;height:21px}
    .hp-team-tab__count{min-width:20px;height:20px;padding:0 6px;font-size:10px}
    .hp-team-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:17px;margin-bottom:18px}
    .hp-team-search{flex:0 0 auto;width:100%;min-width:0;max-width:none}
    .hp-team-toolbar__actions{justify-content:space-between;width:100%;min-width:0;margin-left:0}
    .hp-team-group__head{align-items:flex-start}
    .hp-team-group__tools{flex-wrap:wrap}
    .hp-team-grid{grid-template-columns:1fr}
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-grid{grid-template-columns:1fr}
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card,
    .hp-team-card{height:auto;min-height:240px;grid-template-columns:112px minmax(0,1fr);gap:13px}
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar-wrap{width:112px;min-width:112px;grid-template-rows:164px 34px}
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar{width:106px;height:164px}
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar img{transform:translateX(-50%) scale(.92)}
    .hp-team-card__avatar-wrap{width:112px;min-width:112px;grid-template-rows:164px 34px}
    .hp-team-card__avatar{width:106px;height:164px}
    .hp-team-card__meta{width:100%;max-width:100%}
    .hp-team-card__profile{position:static;margin-top:10px}
    .hp-team-page.is-list-view .hp-team-card{height:auto;min-height:210px;grid-template-columns:104px minmax(0,1fr)}
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap{width:104px;min-width:104px;grid-template-rows:142px 30px}
    .hp-team-page.is-list-view .hp-team-card__avatar{width:98px;height:142px}
    .hp-team-page.is-list-view .hp-team-card__body{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:8px;align-items:start}
    .hp-team-page.is-list-view .hp-team-card p{margin-top:0}
    .hp-team-page.is-list-view .hp-team-card__meta{display:flex;width:100%;max-width:100%}
    .hp-team-page.is-list-view .hp-team-card__profile{grid-column:auto;grid-row:auto;justify-self:start}
}
@media(max-width:480px){
    .hp-team-page{width:min(calc(100% - 18px),460px)}
    .hp-team-hero__copy{padding:27px 19px 50px}
    .hp-team-hero h1{font-size:34px}
    .hp-team-hero p{font-size:12px}
    .hp-team-toolbar__actions{width:100%;gap:8px}
    .hp-team-online-toggle{height:50px;padding-inline:0;font-size:12px}
    .hp-team-online-toggle__label{font-size:12px!important}
    .hp-team-view-toggle{flex:0 0 auto;gap:7px}
    .hp-team-view-toggle button{width:50px;height:50px}
    .hp-team-group__head{gap:10px}
    .hp-team-group__title h2{font-size:14px}
    .hp-team-online-toggle__label{display:none!important}
    .hp-team-card{grid-template-columns:100px minmax(0,1fr);padding:12px}
    .hp-team-card__avatar-wrap{width:100px;min-width:100px}
    .hp-team-card__avatar{width:96px}
    .hp-team-card h3{font-size:16px}
}


/* Hubbo Prime v38.4.28 — Karten- und Gruppenabgleich zum freigegebenen Entwurf */
.hp-team-groups{
    gap:24px;
    margin-top:28px;
}
.hp-team-group{
    position:relative;
    padding:15px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--team-color) 16%,rgba(255,255,255,.065));
    border-radius:18px;
    background:linear-gradient(180deg,rgba(5,14,10,.78),rgba(3,9,7,.68));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 48px rgba(0,0,0,.16);
}
.hp-team-group:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--team-color) 8%,transparent),transparent 34%);
}
.hp-team-group__head{
    position:relative;
    z-index:1;
    min-height:38px;
    margin-bottom:14px;
    padding:0 2px 13px;
    border-bottom:1px solid color-mix(in srgb,var(--team-color) 14%,rgba(255,255,255,.045));
}
.hp-team-group__title{gap:9px}
.hp-team-group__title>span{font-size:18px}
.hp-team-group__title h2{font-size:18px;letter-spacing:.015em}
.hp-team-group__title small{
    min-width:25px;
    height:22px;
    padding:0 7px;
    background:rgba(255,255,255,.07);
    color:#cbd5c8;
    font-size:9.5px;
}
.hp-team-grid{
    position:relative;
    z-index:1;
    gap:14px;
}

/* Karten bleiben neutral-dunkel; staff_color dient nur noch als hochwertiger Akzent. */
.hp-team-card{
    grid-template-columns:126px minmax(0,1fr);
    gap:16px;
    height:272px;
    min-height:272px;
    padding:14px;
    border-color:color-mix(in srgb,var(--team-color) 38%,rgba(255,255,255,.075));
    border-radius:17px;
    background:linear-gradient(135deg,rgba(13,21,16,.975),rgba(4,10,7,.985));
    box-shadow:inset 2px 0 0 color-mix(in srgb,var(--team-color) 68%,transparent),0 16px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
}
.hp-team-card:before{
    background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--team-color) 10%,transparent),transparent 38%);
}
.hp-team-card__avatar-wrap{
    grid-template-rows:192px 34px;
    gap:10px;
    width:126px;
    min-width:126px;
}
.hp-team-card__avatar{
    width:120px;
    height:192px;
    border-radius:14px;
    background-image:
        linear-gradient(180deg,rgba(2,7,5,.18),rgba(1,5,3,.46)),
        linear-gradient(90deg,rgba(1,6,4,.12),transparent 48%,rgba(1,6,4,.10)),
        var(--team-background,url('/assets/images/staff-bg.png'));
    background-position:center;
    background-size:cover;
    box-shadow:inset 0 0 34px rgba(0,0,0,.38),0 9px 23px rgba(0,0,0,.2);
}
.hp-team-card__avatar:after{background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.28))}
.hp-team-card__avatar img{transform:translateX(-50%) scale(.98)}
.hp-team-card__socials{height:34px;gap:8px}
.hp-team-card__socials a{width:32px;height:32px;border-radius:9px}
.hp-team-card__body{
    grid-template-rows:auto auto 1fr auto;
    padding:3px 0 0;
}
.hp-team-card h3{
    gap:7px;
    font-size:20px;
    line-height:1.08;
}
.hp-team-card h3 span{width:23px;height:23px}
.hp-team-card strong{
    margin-top:6px;
    font-size:12.4px;
}
.hp-team-card p{
    display:-webkit-box;
    max-width:100%;
    min-height:48px;
    margin:14px 0 0;
    overflow:hidden;
    color:#cbd4c9;
    font-size:12.4px;
    font-weight:650;
    line-height:1.5;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.hp-team-card__meta{
    gap:8px;
    max-width:calc(100% - 112px);
    min-height:34px;
    padding:7px 9px;
}
.hp-team-card__meta span{font-size:9.5px}
.hp-team-card__profile{
    min-width:106px;
    height:34px;
    padding:0 12px;
    font-size:10.4px;
}

/* Featured: drei Karten wie im Entwurf, mit sichtbar größerer Hierarchie. */
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-group__title h2{font-size:19px}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-group__title>span{font-size:19px}

/* Compact: vier Karten, aber mit besserer Lesbarkeit statt Miniaturdarstellung. */
.hp-team-page:not(.is-list-view) .hp-team-group--compact{
    padding:14px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card{
    grid-template-columns:88px minmax(0,1fr);
    gap:11px;
    height:218px;
    min-height:218px;
    padding:11px;
    border-radius:15px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar-wrap{
    grid-template-rows:151px 30px;
    gap:8px;
    width:88px;
    min-width:88px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar{
    width:84px;
    height:151px;
    border-radius:11px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar img{transform:translateX(-50%) scale(.88)}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__socials{height:30px;gap:6px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__socials a{width:28px;height:28px;border-radius:8px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card h3{gap:5px;font-size:15.5px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card h3 span{width:19px;height:19px;font-size:9px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card strong{margin-top:4px;font-size:10.4px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card p{min-height:35px;margin-top:9px;font-size:10.2px;line-height:1.42}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta{gap:5px;max-width:calc(100% - 88px);min-height:29px;padding:5px 6px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta span{font-size:7.8px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__profile{min-width:83px;height:29px;padding:0 7px;font-size:8.6px}

/* Echte Listenansicht: Avatar, Identität, Motto, Status und CTA in klaren Spalten. */
.hp-team-page.is-list-view .hp-team-group{padding:14px}
.hp-team-page.is-list-view .hp-team-grid{grid-template-columns:1fr;gap:11px}
.hp-team-page.is-list-view .hp-team-card{
    grid-template-columns:104px minmax(0,1fr);
    gap:16px;
    height:150px;
    min-height:150px;
    padding:11px 13px;
    border-radius:14px;
}
.hp-team-page.is-list-view .hp-team-card__avatar-wrap{
    grid-template-rows:98px 28px;
    gap:7px;
    width:104px;
    min-width:104px;
}
.hp-team-page.is-list-view .hp-team-card__avatar{width:98px;height:98px;border-radius:11px}
.hp-team-page.is-list-view .hp-team-card__avatar img{transform:translateX(-50%) scale(.69)}
.hp-team-page.is-list-view .hp-team-card__socials{height:28px;gap:6px}
.hp-team-page.is-list-view .hp-team-card__socials a{width:27px;height:27px;border-radius:7px}
.hp-team-page.is-list-view .hp-team-card__body{
    display:grid;
    grid-template-columns:minmax(170px,.72fr) minmax(210px,1.15fr) auto 108px;
    grid-template-rows:1fr;
    align-items:center;
    gap:18px;
    padding:0;
}
.hp-team-page.is-list-view .hp-team-card__title{min-width:0}
.hp-team-page.is-list-view .hp-team-card h3{font-size:18px}
.hp-team-page.is-list-view .hp-team-card strong{font-size:10.8px}
.hp-team-page.is-list-view .hp-team-card p{
    min-height:0;
    margin:0;
    font-size:11px;
    line-height:1.42;
    -webkit-line-clamp:2;
}
.hp-team-page.is-list-view .hp-team-card__meta{
    align-self:center;
    width:max-content;
    max-width:none;
    min-height:31px;
    padding:6px 8px;
}
.hp-team-page.is-list-view .hp-team-card__meta span{font-size:8.8px}
.hp-team-page.is-list-view .hp-team-card__profile{
    position:static;
    justify-self:end;
    min-width:104px;
    height:31px;
    font-size:9.7px;
}

@media(max-width:1180px){
    .hp-team-group{padding:13px}
    .hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .hp-team-page.is-list-view .hp-team-card__body{grid-template-columns:minmax(155px,.7fr) minmax(180px,1fr) auto 102px;gap:13px}
}
@media(max-width:900px){
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hp-team-page.is-list-view .hp-team-card__body{grid-template-columns:minmax(145px,.7fr) minmax(170px,1fr) 102px;gap:12px}
    .hp-team-page.is-list-view .hp-team-card__meta{display:none}
    .hp-team-page.is-list-view .hp-team-card__profile{grid-column:3}
}
@media(max-width:760px){
    .hp-team-group{padding:11px;border-radius:15px}
    .hp-team-group__head{padding-bottom:10px;margin-bottom:11px}
    .hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-grid,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-grid{grid-template-columns:1fr}
    .hp-team-page:not(.is-list-view) .hp-team-card,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card{
        grid-template-columns:108px minmax(0,1fr);
        gap:12px;
        height:auto;
        min-height:226px;
        padding:12px;
    }
    .hp-team-page:not(.is-list-view) .hp-team-card__avatar-wrap,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar-wrap{
        grid-template-rows:158px 32px;
        width:108px;
        min-width:108px;
    }
    .hp-team-page:not(.is-list-view) .hp-team-card__avatar,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar{width:102px;height:158px}
    .hp-team-page:not(.is-list-view) .hp-team-card__meta,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta{width:100%;max-width:100%}
    .hp-team-page:not(.is-list-view) .hp-team-card__profile,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__profile{position:static;margin-top:8px}
    .hp-team-page.is-list-view .hp-team-card{grid-template-columns:96px minmax(0,1fr);height:auto;min-height:190px}
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap{width:96px;min-width:96px;grid-template-rows:130px 28px}
    .hp-team-page.is-list-view .hp-team-card__avatar{width:90px;height:130px}
    .hp-team-page.is-list-view .hp-team-card__body{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:7px;align-items:start}
    .hp-team-page.is-list-view .hp-team-card p{margin:0}
    .hp-team-page.is-list-view .hp-team-card__meta{display:flex;width:100%;max-width:100%}
    .hp-team-page.is-list-view .hp-team-card__profile{grid-column:auto;justify-self:start}
}


/* Hubbo Prime v38.4.29 — Karten-Footer, Panelhöhe und CTA nach Entwurf */
.hp-team-groups{
    align-items:start;
}
.hp-team-group{
    align-self:start;
    height:max-content;
    min-height:0;
}
.hp-team-grid{
    align-items:start;
}

/* Die Metadaten stehen wie im Entwurf unter dem Motto und nicht in einer kleinen Status-Pille am Kartenboden. */
.hp-team-card__body{
    grid-template-rows:auto auto auto 1fr;
}
.hp-team-card__meta{
    align-self:start;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    width:auto;
    max-width:100%;
    min-height:0;
    margin:15px 0 0;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
}
.hp-team-card__meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:auto;
    padding:0;
    border:0;
    background:transparent;
    color:#b8c1b6;
    font-size:11.2px;
    font-weight:750;
    line-height:1.15;
    white-space:nowrap;
}
.hp-team-card__meta i{
    flex:0 0 auto;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#747d72;
    box-shadow:none;
}
.hp-team-card__meta .is-online i{
    background:#78ea31;
    box-shadow:0 0 0 3px rgba(120,234,49,.12),0 0 10px rgba(120,234,49,.48);
}
.hp-team-card__since svg{
    flex:0 0 auto;
    width:14px;
    height:14px;
    color:#aeb7ac;
}

/* Der CTA verwendet bewusst das normale Hubbo-Grün aus dem Entwurf, unabhängig von der Rangfarbe. */
.hp-team-card__profile{
    min-width:124px;
    height:39px;
    padding:0 17px;
    border:1px solid rgba(142,219,50,.43);
    border-radius:10px;
    background:rgba(142,219,50,.055);
    color:#9bea3f;
    font-size:12px;
    font-weight:950;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hp-team-card__profile:hover{
    border-color:#8edb32;
    background:#8edb32;
    color:#071005;
    box-shadow:0 12px 28px rgba(142,219,50,.18);
}

/* Featured-Karten erhalten die Präsenz und den vertikalen Aufbau der Vorlage. */
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card{
    height:292px;
    min-height:292px;
    grid-template-columns:132px minmax(0,1fr);
    gap:18px;
    padding:15px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__avatar-wrap{
    width:132px;
    min-width:132px;
    grid-template-rows:204px 36px;
    gap:11px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__avatar{
    width:126px;
    height:204px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card h3{font-size:21px}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card strong{font-size:13px}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card p{
    min-height:50px;
    margin-top:14px;
    font-size:12.8px;
    line-height:1.5;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__meta{
    margin-top:15px;
}

/* Compact-Karten wachsen nur so weit wie nötig, bleiben aber deutlich lesbarer. */
.hp-team-page:not(.is-list-view) .hp-team-group--compact{
    height:max-content;
    min-height:0;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card{
    height:238px;
    min-height:238px;
    grid-template-columns:96px minmax(0,1fr);
    gap:12px;
    padding:12px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar-wrap{
    width:96px;
    min-width:96px;
    grid-template-rows:164px 31px;
    gap:9px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar{
    width:91px;
    height:164px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card h3{font-size:16.8px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card strong{font-size:11px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card p{
    min-height:36px;
    margin-top:9px;
    font-size:10.7px;
    line-height:1.44;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta{
    gap:8px;
    max-width:100%;
    margin-top:10px;
    padding:0;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta span{
    font-size:8.8px;
    gap:4px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta i{
    width:6px;
    height:6px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__since svg{
    width:11px;
    height:11px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__profile{
    min-width:94px;
    height:32px;
    padding:0 10px;
    font-size:9.4px;
}

/* Listenansicht: sauber dimensionierte Info-Spalten ohne überdimensionierten Leerraum. */
.hp-team-page.is-list-view .hp-team-card{
    height:166px;
    min-height:166px;
}
.hp-team-page.is-list-view .hp-team-card__body{
    grid-template-columns:minmax(190px,.82fr) minmax(260px,1.18fr) minmax(190px,.72fr) 124px;
    gap:20px;
}
.hp-team-page.is-list-view .hp-team-card h3{font-size:19px}
.hp-team-page.is-list-view .hp-team-card strong{font-size:11.5px}
.hp-team-page.is-list-view .hp-team-card p{font-size:11.6px;line-height:1.45}
.hp-team-page.is-list-view .hp-team-card__meta{
    align-self:center;
    flex-wrap:nowrap;
    gap:11px;
    width:max-content;
    max-width:none;
    margin:0;
}
.hp-team-page.is-list-view .hp-team-card__meta span{font-size:10px}
.hp-team-page.is-list-view .hp-team-card__profile{
    position:static;
    justify-self:end;
    min-width:116px;
    height:36px;
    font-size:10.6px;
}

@media(max-width:1180px){
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(160px,.72fr) minmax(190px,1fr) minmax(170px,.7fr) 112px;
        gap:14px;
    }
}
@media(max-width:900px){
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(150px,.7fr) minmax(180px,1fr) 112px;
        gap:12px;
    }
    .hp-team-page.is-list-view .hp-team-card__meta{display:none}
    .hp-team-page.is-list-view .hp-team-card__profile{grid-column:3}
}
@media(max-width:760px){
    .hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card{
        height:auto;
        min-height:238px;
    }
    .hp-team-page:not(.is-list-view) .hp-team-card__meta,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta{
        width:100%;
        max-width:100%;
    }
    .hp-team-page:not(.is-list-view) .hp-team-card__profile,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__profile{
        position:static;
        margin-top:10px;
    }
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto auto;
        gap:8px;
    }
    .hp-team-page.is-list-view .hp-team-card__meta{
        display:flex;
        width:100%;
        max-width:100%;
    }
    .hp-team-page.is-list-view .hp-team-card__profile{
        grid-column:auto;
        justify-self:start;
    }
}


/* Hubbo Prime v38.4.30 — Team card alignment, per-rank online sort and avatar backgrounds */
.hp-team-toolbar__actions{gap:10px}
.hp-team-group__tools{gap:12px}
.hp-team-group__tools .hp-team-online-toggle{
    opacity:.96;
    font-size:12px;
}
.hp-team-group__tools .hp-team-online-toggle__label{
    font-size:11.5px!important;
    font-weight:850;
}
.hp-team-group__tools .hp-team-online-toggle__switch{
    width:34px!important;
    height:20px!important;
}
.hp-team-group__tools .hp-team-online-toggle__switch b{
    width:14px;
    height:14px;
    top:2px;
}
.hp-team-group__tools .hp-team-online-toggle.is-active .hp-team-online-toggle__switch b{left:17px}

/* Social buttons sit centered under the avatar exactly as requested. */
.hp-team-card__avatar-wrap{justify-items:center}
.hp-team-card__socials{
    justify-content:center;
    width:100%;
    padding-inline:2px;
}
.hp-team-card__socials a{
    width:34px;
    height:34px;
}

/* Stronger decorative image presence behind avatars. */
.hp-team-card__avatar{
    background-position:center top;
    background-size:cover;
}

/* Status row tuned closer to the approved draft. */
.hp-team-card__meta{
    gap:14px;
    margin:16px 0 0;
}
.hp-team-card__meta span{
    color:#c0c9be;
    font-size:11.4px;
    font-weight:820;
}
.hp-team-card__meta i{
    width:8px;
    height:8px;
}
.hp-team-card__since svg{
    width:13px;
    height:13px;
}

/* Featured cards: keep CTA green and give footer elements a more draft-like rhythm. */
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__body{
    grid-template-rows:auto auto auto 1fr;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__profile{
    align-self:end;
}

/* Compact cards become a touch more airy without losing density. */
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__socials{
    justify-content:center;
}

/* List view preserves centered socials and clean spacing. */
.hp-team-page.is-list-view .hp-team-card__socials{
    justify-content:center;
}
.hp-team-page.is-list-view .hp-team-card__meta span{font-size:10.2px}

@media(max-width:900px){
    .hp-team-group__tools .hp-team-online-toggle__label{font-size:11px!important}
}
@media(max-width:760px){
    .hp-team-group__head{
        flex-wrap:wrap;
        align-items:flex-start;
    }
    .hp-team-group__tools{
        width:100%;
        justify-content:space-between;
    }
}


/* Hubbo Prime v38.4.31 — Karten-Politur strikt nach freigegebenem Entwurf */

/* Rangbereiche treten zurück; die Karten sind wieder der visuelle Fokus. */
.hp-team-group{
    padding:15px 15px 17px;
    border-color:color-mix(in srgb,var(--team-color) 28%,rgba(255,255,255,.05));
    background:linear-gradient(120deg,rgba(4,10,7,.60),rgba(3,8,6,.44));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 14px 36px rgba(0,0,0,.14);
}
.hp-team-group__head{
    min-height:38px;
    margin-bottom:13px;
    padding:0 2px 11px;
    border-bottom-color:color-mix(in srgb,var(--team-color) 21%,transparent);
}
.hp-team-group__title{gap:10px}
.hp-team-group__title h2{
    font-size:18px;
    letter-spacing:.015em;
}
.hp-team-group__title small{
    min-width:23px;
    height:23px;
    padding:0 7px;
    font-size:10.5px;
}

/* Online-Sortierung ist je Rangbox sichtbar und deutlich bedienbar. */
.hp-team-group__tools .hp-team-online-toggle{
    gap:10px;
    min-height:32px;
    padding:3px 1px 3px 8px;
}
.hp-team-group__tools .hp-team-online-toggle__label{
    color:#c1cabe;
    font-size:12px!important;
    letter-spacing:.01em;
}
.hp-team-group__tools .hp-team-online-toggle__switch{
    width:40px!important;
    height:22px!important;
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.07);
}
.hp-team-group__tools .hp-team-online-toggle__switch b{
    top:3px;
    left:3px;
    width:14px;
    height:14px;
}
.hp-team-group__tools .hp-team-online-toggle.is-active .hp-team-online-toggle__switch{
    border-color:rgba(142,219,50,.58);
    background:rgba(142,219,50,.16);
}
.hp-team-group__tools .hp-team-online-toggle.is-active .hp-team-online-toggle__switch b{
    left:21px;
    background:#a4ef4d;
}

/* Karten erhalten mehr Präsenz, ohne das 3-/4-Spalten-Raster zu verändern. */
.hp-team-card{
    border-radius:15px;
    background:linear-gradient(135deg,rgba(10,16,12,.96),rgba(5,10,8,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 13px 28px rgba(0,0,0,.18);
}
.hp-team-card__avatar{
    background-size:100% 100%;
    background-position:center;
    image-rendering:pixelated;
}
.hp-team-card__avatar::before{
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.30));
}
.hp-team-card__avatar img{
    bottom:1px;
    max-width:96%;
    max-height:96%;
    object-fit:contain;
    object-position:center bottom;
}
.hp-team-card__avatar-wrap{justify-items:center}
.hp-team-card__socials{
    width:100%;
    justify-content:center;
    gap:10px;
}
.hp-team-card__socials a{
    width:37px;
    height:37px;
    border-radius:10px;
    font-size:15px;
}
.hp-team-card__socials img{
    width:18px;
    height:18px;
}
.hp-team-card__body{padding-top:2px}
.hp-team-card__title h3{
    color:#fff;
    letter-spacing:-.018em;
}
.hp-team-card__title strong{
    margin-top:3px;
    letter-spacing:.005em;
}
.hp-team-card p{
    color:#c7cec5;
    font-weight:650;
}

/* Status + Eintrittsdatum bilden einen klaren Kartenfooter wie in der Vorlage. */
.hp-team-card__meta{
    align-self:end;
    width:100%;
    min-height:31px;
    margin-top:14px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.055);
    gap:15px;
}
.hp-team-card__meta span{
    color:#c2cbc0;
    font-size:11.7px;
    font-weight:820;
}
.hp-team-card__meta i{
    width:9px;
    height:9px;
}
.hp-team-card__meta .is-online{
    color:#b6f27c;
}
.hp-team-card__meta .is-online i{
    background:#7eea31;
    box-shadow:0 0 0 3px rgba(126,234,49,.12),0 0 11px rgba(126,234,49,.50);
}
.hp-team-card__since svg{
    width:14px;
    height:14px;
}

/* Der grüne CTA entspricht dem Entwurf und ist als Hauptaktion klar erkennbar. */
.hp-team-card__profile{
    min-width:132px;
    height:42px;
    padding:0 18px;
    border-radius:10px;
    border-color:rgba(142,219,50,.50);
    background:rgba(142,219,50,.065);
    color:#a2ec4b;
    font-size:12.4px;
    letter-spacing:.005em;
}
.hp-team-card__profile:hover{
    background:#8edb32;
    color:#061005;
}

/* Management/Featured: größere Typografie und echte Premium-Proportionen. */
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card{
    height:314px;
    min-height:314px;
    grid-template-columns:136px minmax(0,1fr);
    gap:18px;
    padding:16px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__avatar-wrap{
    width:136px;
    min-width:136px;
    grid-template-rows:216px 39px;
    gap:11px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__avatar{
    width:130px;
    height:216px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card h3{font-size:22px}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card strong{font-size:13.4px}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card p{
    min-height:54px;
    margin-top:15px;
    font-size:13.6px;
    line-height:1.52;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__profile{
    right:15px;
    bottom:14px;
}

/* Operative Karten bleiben kompakt, sind aber nicht länger winzig. */
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card{
    height:258px;
    min-height:258px;
    grid-template-columns:102px minmax(0,1fr);
    gap:13px;
    padding:13px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar-wrap{
    width:102px;
    min-width:102px;
    grid-template-rows:177px 35px;
    gap:9px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar{
    width:98px;
    height:177px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card h3{font-size:17.8px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card strong{font-size:11.6px}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card p{
    min-height:40px;
    margin-top:10px;
    font-size:11.35px;
    line-height:1.46;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta{
    min-height:27px;
    margin-top:10px;
    padding-top:8px;
    gap:9px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta span{
    font-size:9.6px;
    gap:5px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__meta i{
    width:7px;
    height:7px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__since svg{
    width:12px;
    height:12px;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__profile{
    min-width:105px;
    height:35px;
    padding:0 12px;
    font-size:10.1px;
    right:12px;
    bottom:12px;
}

/* Listenansicht: kompaktere Spalten, vollständige Avatare, größere Lesbarkeit. */
.hp-team-page.is-list-view .hp-team-card{
    height:154px;
    min-height:154px;
    grid-template-columns:120px minmax(0,1fr);
    gap:18px;
    padding:13px 15px;
}
.hp-team-page.is-list-view .hp-team-card__avatar-wrap{
    width:120px;
    min-width:120px;
    grid-template-rows:102px 34px;
    gap:7px;
}
.hp-team-page.is-list-view .hp-team-card__avatar{
    width:94px;
    height:102px;
    justify-self:center;
}
.hp-team-page.is-list-view .hp-team-card__avatar img{
    bottom:0;
    width:auto;
    height:auto;
    max-width:96%;
    max-height:96%;
}
.hp-team-page.is-list-view .hp-team-card__socials a{
    width:32px;
    height:32px;
}
.hp-team-page.is-list-view .hp-team-card__body{
    grid-template-columns:minmax(205px,.82fr) minmax(250px,1.12fr) minmax(205px,.74fr) 132px;
    gap:18px;
    align-items:center;
}
.hp-team-page.is-list-view .hp-team-card h3{font-size:19.5px}
.hp-team-page.is-list-view .hp-team-card strong{font-size:12px}
.hp-team-page.is-list-view .hp-team-card p{
    font-size:12px;
    line-height:1.44;
}
.hp-team-page.is-list-view .hp-team-card__meta{
    width:max-content;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    gap:12px;
}
.hp-team-page.is-list-view .hp-team-card__meta span{font-size:10.4px}
.hp-team-page.is-list-view .hp-team-card__profile{
    min-width:126px;
    height:39px;
    font-size:11.3px;
}

@media(max-width:1180px){
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(180px,.78fr) minmax(210px,1fr) minmax(180px,.70fr) 120px;
        gap:14px;
    }
}
@media(max-width:900px){
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(170px,.8fr) minmax(190px,1fr) 120px;
    }
}
@media(max-width:760px){
    .hp-team-group{padding:13px}
    .hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card,
    .hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card{
        min-height:258px;
        height:auto;
    }
    .hp-team-page.is-list-view .hp-team-card{
        height:auto;
        min-height:250px;
        grid-template-columns:1fr;
    }
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap{
        width:100%;
    }
}


/* Hubbo Prime v38.4.32 — stabile Rangzustände für 0, 1 oder viele Mitglieder */

/* Der Rangbereich bleibt erkennbar, überdeckt aber bei Einzelbesetzung nicht die freie Fläche. */
.hp-team-group{
    height:auto!important;
    min-height:0!important;
    align-self:start;
    background:linear-gradient(120deg,rgba(4,10,7,.38),rgba(3,8,6,.20));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.012),0 10px 28px rgba(0,0,0,.10);
}
.hp-team-group__head{
    align-items:center;
}
.hp-team-group__tools:empty{
    display:none;
}

/* Eine einzelne Karte behält exakt ihre normale Rasterbreite und bleibt linksbündig. */
.hp-team-grid{
    align-items:start;
    align-content:start;
    height:auto!important;
    min-height:0!important;
}
.hp-team-grid[data-member-count="1"] .hp-team-card{
    justify-self:stretch;
}

/* Sichtbarer, aber unbesetzter Rang: kein Fake-Staff, sondern eine klare Statuskarte. */
.hp-team-vacancy{
    position:relative;
    display:flex;
    align-items:center;
    gap:16px;
    min-height:132px;
    padding:20px 21px;
    overflow:hidden;
    border:1px dashed color-mix(in srgb,var(--team-color) 42%,rgba(255,255,255,.08));
    border-radius:14px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--team-color) 7%,rgba(7,13,10,.92)),rgba(4,9,7,.90));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hp-team-vacancy::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-64px;
    width:170px;
    height:170px;
    border-radius:50%;
    background:color-mix(in srgb,var(--team-color) 10%,transparent);
    filter:blur(8px);
    pointer-events:none;
}
.hp-team-vacancy__icon{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    flex:0 0 58px;
    width:58px;
    height:58px;
    border:1px solid color-mix(in srgb,var(--team-color) 38%,rgba(255,255,255,.07));
    border-radius:14px;
    color:var(--team-color);
    background:color-mix(in srgb,var(--team-color) 10%,rgba(255,255,255,.015));
}
.hp-team-vacancy__icon svg{
    width:29px;
    height:29px;
    fill:currentColor;
}
.hp-team-vacancy__copy{
    position:relative;
    z-index:1;
    display:grid;
    gap:6px;
    min-width:0;
}
.hp-team-vacancy__copy strong{
    color:#f2f6f0;
    font-size:15px;
    line-height:1.25;
}
.hp-team-vacancy__copy small{
    max-width:360px;
    color:#8f9b91;
    font-size:11.5px;
    font-weight:650;
    line-height:1.5;
}
.hp-team-group--featured .hp-team-vacancy{
    grid-column:span 1;
    min-height:158px;
}
.hp-team-group--compact .hp-team-vacancy{
    grid-column:span 1;
    min-height:132px;
}
.hp-team-group--empty .hp-team-group__head{
    margin-bottom:12px;
}

/* In der Listenansicht wird der Leerzustand zu einer sauberen, vollständigen Zeile. */
.hp-team-page.is-list-view .hp-team-vacancy{
    grid-column:1 / -1;
    width:100%;
    min-height:112px;
}

@media(max-width:1100px){
    .hp-team-vacancy{
        min-height:124px;
    }
}
@media(max-width:760px){
    .hp-team-vacancy,
    .hp-team-group--featured .hp-team-vacancy,
    .hp-team-group--compact .hp-team-vacancy{
        grid-column:1 / -1;
        min-height:118px;
        padding:17px;
    }
    .hp-team-vacancy__icon{
        flex-basis:50px;
        width:50px;
        height:50px;
    }
}


/* Hubbo Prime v38.4.33 — Abschluss Kachelansicht: Teamdatum, Blickrichtung und einheitliche Leerzustände */

/* Das Teamdatum ist eindeutig benannt und bleibt auch bei längeren Texten stabil. */
.hp-team-card__since{
    white-space:nowrap;
}
.hp-team-card__meta:has(.hp-team-card__status:only-child){
    gap:0;
}

/* Alle unbesetzten Bereiche verwenden dieselbe breitere Premium-Darstellung. */
.hp-team-group--empty .hp-team-grid{
    display:block!important;
}
.hp-team-vacancy,
.hp-team-group--featured .hp-team-vacancy,
.hp-team-group--compact .hp-team-vacancy{
    width:min(100%,480px)!important;
    min-height:118px!important;
    padding:19px 21px!important;
    grid-column:auto!important;
}
.hp-team-vacancy__copy strong{
    max-width:360px;
}
.hp-team-vacancy__copy small{
    max-width:370px;
}

/* In der Listenansicht bleibt der Leerzustand weiterhin eine saubere Zeile. */
.hp-team-page.is-list-view .hp-team-vacancy{
    width:100%!important;
    min-height:112px!important;
}

@media(max-width:760px){
    .hp-team-vacancy,
    .hp-team-group--featured .hp-team-vacancy,
    .hp-team-group--compact .hp-team-vacancy{
        width:100%!important;
        min-height:116px!important;
    }
    .hp-team-card__since{
        white-space:normal;
    }
}


/* Hubbo Prime v38.4.34 — funktionale Discord-, E-Mail- und Instagram-Kontakte */
.hp-team-card__socials svg{
    display:block;
    width:17px;
    height:17px;
}
.hp-team-social--mail,
.hp-team-social--instagram{
    color:#dbe4dc!important;
}
.hp-team-social--instagram:hover,
.hp-team-social--mail:hover{
    color:#061007!important;
}

/* Ohne gepflegte Kontaktdaten entsteht keine leere, funktionslose Buttonzeile. */
.hp-team-card__avatar-wrap.has-no-contacts{
    grid-template-rows:1fr;
}
.hp-team-card__avatar-wrap.has-no-contacts .hp-team-card__avatar{
    align-self:stretch;
}
.hp-team-page:not(.is-list-view) .hp-team-group--featured .hp-team-card__avatar-wrap.has-no-contacts{
    grid-template-rows:1fr;
}
.hp-team-page:not(.is-list-view) .hp-team-group--compact .hp-team-card__avatar-wrap.has-no-contacts{
    grid-template-rows:1fr;
}
.hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-no-contacts{
    grid-template-rows:1fr;
}

@media(max-width:760px){
    .hp-team-card__socials svg{
        width:16px;
        height:16px;
    }
}


/* Hubbo Prime v38.4.35 — kompakte Listenansicht im News-Autorenstil
   Die Kachelansicht bleibt vollständig unverändert. */
.hp-team-page.is-list-view .hp-team-group{
    padding:14px 15px 15px;
}
.hp-team-page.is-list-view .hp-team-grid{
    gap:10px;
}
.hp-team-page.is-list-view .hp-team-card{
    grid-template-columns:96px minmax(0,1fr);
    gap:16px;
    height:126px;
    min-height:126px;
    padding:10px 13px;
    border-radius:14px;
}

/* Brustbild statt vollständigem Avatar: Hintergrund bleibt sichtbar,
   Kopf, Schultern und Oberkörper werden klar hervorgehoben. */
.hp-team-page.is-list-view .hp-team-card__avatar-wrap,
.hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-contacts{
    width:96px;
    min-width:96px;
    grid-template-rows:84px 26px;
    gap:6px;
    align-content:center;
}
.hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-no-contacts{
    grid-template-rows:106px;
}
.hp-team-page.is-list-view .hp-team-card__avatar{
    width:84px;
    height:84px;
    justify-self:center;
    align-self:start;
    border-radius:15px;
    background-position:center;
    box-shadow:inset 0 0 25px rgba(0,0,0,.36),0 7px 20px rgba(0,0,0,.22);
}
.hp-team-page.is-list-view .hp-team-card__avatar img{
    left:50%;
    bottom:-52px;
    top:auto;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    transform:translateX(-50%) scale(1.48)!important;
    transform-origin:center bottom;
    filter:drop-shadow(0 8px 10px rgba(0,0,0,.42));
}
.hp-team-page.is-list-view .hp-team-card:hover .hp-team-card__avatar img{
    bottom:-50px;
}

/* Kontaktbuttons bleiben auch bei 1–3 Einträgen mittig unter dem Bild. */
.hp-team-page.is-list-view .hp-team-card__socials{
    width:100%;
    height:26px;
    gap:5px;
    justify-content:center;
}
.hp-team-page.is-list-view .hp-team-card__socials a{
    width:25px;
    height:25px;
    border-radius:7px;
}
.hp-team-page.is-list-view .hp-team-card__socials a img,
.hp-team-page.is-list-view .hp-team-card__socials svg{
    width:14px;
    height:14px;
}

/* Klares, kompaktes Fünf-Spalten-Raster: Identität | Motto | Status | Profil. */
.hp-team-page.is-list-view .hp-team-card__body{
    display:grid;
    grid-template-columns:minmax(180px,.72fr) minmax(240px,1.18fr) minmax(225px,.82fr) 126px;
    grid-template-rows:1fr;
    gap:17px;
    align-items:center;
    padding:0;
}
.hp-team-page.is-list-view .hp-team-card__title{
    align-self:center;
}
.hp-team-page.is-list-view .hp-team-card h3{
    font-size:18px;
    line-height:1.06;
}
.hp-team-page.is-list-view .hp-team-card h3 span{
    width:21px;
    height:21px;
}
.hp-team-page.is-list-view .hp-team-card strong{
    margin-top:5px;
    font-size:11.5px;
}
.hp-team-page.is-list-view .hp-team-card p{
    min-height:0;
    margin:0;
    font-size:11.4px;
    line-height:1.42;
}
.hp-team-page.is-list-view .hp-team-card__meta{
    display:flex;
    width:max-content;
    max-width:100%;
    min-height:0;
    margin:0;
    padding:0;
    gap:11px;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
}
.hp-team-page.is-list-view .hp-team-card__meta span{
    font-size:9.7px;
    gap:5px;
}
.hp-team-page.is-list-view .hp-team-card__meta i{
    width:7px;
    height:7px;
}
.hp-team-page.is-list-view .hp-team-card__since svg{
    width:12px;
    height:12px;
}
.hp-team-page.is-list-view .hp-team-card__profile{
    position:static;
    justify-self:end;
    align-self:center;
    min-width:122px;
    height:37px;
    padding:0 14px;
    font-size:10.6px;
}

/* Unbesetzte Bereiche bleiben in der Liste kompakte, vollständige Zeilen. */
.hp-team-page.is-list-view .hp-team-vacancy{
    width:100%!important;
    min-height:96px!important;
    padding:16px 18px!important;
}

@media(max-width:1180px){
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(160px,.72fr) minmax(205px,1fr) minmax(190px,.78fr) 116px;
        gap:13px;
    }
    .hp-team-page.is-list-view .hp-team-card__profile{
        min-width:112px;
    }
}

@media(max-width:980px){
    .hp-team-page.is-list-view .hp-team-card{
        height:140px;
        min-height:140px;
    }
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(160px,.8fr) minmax(210px,1fr) 118px;
        grid-template-rows:auto auto;
        gap:8px 13px;
    }
    .hp-team-page.is-list-view .hp-team-card__title{
        grid-column:1;
        grid-row:1;
    }
    .hp-team-page.is-list-view .hp-team-card p{
        grid-column:2;
        grid-row:1 / span 2;
    }
    .hp-team-page.is-list-view .hp-team-card__meta{
        grid-column:1;
        grid-row:2;
    }
    .hp-team-page.is-list-view .hp-team-card__profile{
        grid-column:3;
        grid-row:1 / span 2;
    }
}

@media(max-width:760px){
    .hp-team-page.is-list-view .hp-team-card{
        grid-template-columns:92px minmax(0,1fr);
        height:auto;
        min-height:190px;
        gap:13px;
        padding:12px;
    }
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap,
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-contacts{
        width:92px;
        min-width:92px;
        grid-template-rows:84px 26px;
    }
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto auto;
        gap:8px;
        align-items:start;
    }
    .hp-team-page.is-list-view .hp-team-card__title,
    .hp-team-page.is-list-view .hp-team-card p,
    .hp-team-page.is-list-view .hp-team-card__meta,
    .hp-team-page.is-list-view .hp-team-card__profile{
        grid-column:1;
        grid-row:auto;
    }
    .hp-team-page.is-list-view .hp-team-card__profile{
        justify-self:start;
    }
    .hp-team-page.is-list-view .hp-team-card__meta{
        flex-wrap:wrap;
    }
}


/* Hubbo Prime v38.4.36 — korrekter Brustbild-Ausschnitt in der Listenansicht
   Nur der Portrait-Crop wird korrigiert. Kachelansicht und Listenraster bleiben unverändert. */
.hp-team-page.is-list-view .hp-team-card__avatar img{
    top:-6px!important;
    bottom:auto!important;
    left:50%!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    transform:translateX(-50%) scale(1.16)!important;
    transform-origin:center top!important;
    object-fit:initial!important;
    object-position:initial!important;
}
.hp-team-page.is-list-view .hp-team-card:hover .hp-team-card__avatar img{
    top:-4px!important;
    bottom:auto!important;
}

/* Etwas mehr Schutzraum über Kopf-Accessoires, ohne die Zeilenhöhe zu verändern. */
.hp-team-page.is-list-view .hp-team-card__avatar{
    padding-top:0;
}

@media(max-width:760px){
    .hp-team-page.is-list-view .hp-team-card__avatar img{
        top:-5px!important;
        transform:translateX(-50%) scale(1.13)!important;
    }
    .hp-team-page.is-list-view .hp-team-card:hover .hp-team-card__avatar img{
        top:-3px!important;
    }
}


/* Hubbo Prime v38.4.36.1 — Listenporträt nutzt bewusst die Imager-Standardgröße.
   size=l bleibt ausschließlich der unveränderten Kachelansicht vorbehalten. */
.hp-team-card__avatar-image--list{display:none!important}
.hp-team-page.is-list-view .hp-team-card__avatar-image--tile{display:none!important}
.hp-team-page.is-list-view .hp-team-card__avatar-image--list{display:block!important}


/* Hubbo Prime v38.4.37 — Team List Balance
   Mehr vertikaler Schutzraum für Portrait und 1–3 Kontaktbuttons.
   Kachelansicht, Portraitquelle und Datenlogik bleiben unverändert. */
.hp-team-page.is-list-view .hp-team-grid{
    gap:12px;
}
.hp-team-page.is-list-view .hp-team-card{
    grid-template-columns:104px minmax(0,1fr);
    gap:18px;
    height:148px;
    min-height:148px;
    padding:13px 16px 14px;
}

/* Eigener, stabiler Portraitbereich: Die Socials liegen nicht mehr am unteren Border. */
.hp-team-page.is-list-view .hp-team-card__avatar-wrap,
.hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-contacts{
    width:104px;
    min-width:104px;
    grid-template-rows:88px 28px;
    gap:9px;
    align-content:center;
}
.hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-no-contacts{
    grid-template-rows:122px;
}
.hp-team-page.is-list-view .hp-team-card__avatar{
    width:88px;
    height:88px;
}
.hp-team-page.is-list-view .hp-team-card__socials{
    height:28px;
    min-height:28px;
    gap:6px;
    align-items:center;
}
.hp-team-page.is-list-view .hp-team-card__socials a{
    width:28px;
    height:28px;
    border-radius:8px;
}
.hp-team-page.is-list-view .hp-team-card__socials a img,
.hp-team-page.is-list-view .hp-team-card__socials svg{
    width:15px;
    height:15px;
}

/* Name/Rang, Motto, Status und CTA erhalten feste Ruhebereiche. */
.hp-team-page.is-list-view .hp-team-card__body{
    grid-template-columns:minmax(178px,.74fr) minmax(230px,1.16fr) minmax(220px,.84fr) 128px;
    gap:18px;
}
.hp-team-page.is-list-view .hp-team-card__title{
    min-width:0;
}
.hp-team-page.is-list-view .hp-team-card h3{
    max-width:100%;
    font-size:18.4px;
    line-height:1.1;
    white-space:nowrap;
}
.hp-team-page.is-list-view .hp-team-card h3 span{
    flex:0 0 auto;
}
.hp-team-page.is-list-view .hp-team-card strong{
    margin-top:6px;
    font-size:11.8px;
}
.hp-team-page.is-list-view .hp-team-card p{
    display:-webkit-box;
    max-height:3em;
    overflow:hidden;
    font-size:11.7px;
    line-height:1.5;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.hp-team-page.is-list-view .hp-team-card__meta{
    gap:12px;
    align-items:center;
}
.hp-team-page.is-list-view .hp-team-card__meta span{
    font-size:10px;
    line-height:1.25;
    white-space:nowrap;
}
.hp-team-page.is-list-view .hp-team-card__profile{
    min-width:124px;
    height:40px;
    padding:0 15px;
    font-size:10.8px;
}

@media(max-width:1180px){
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(164px,.72fr) minmax(200px,1fr) minmax(188px,.78fr) 116px;
        gap:14px;
    }
    .hp-team-page.is-list-view .hp-team-card__profile{
        min-width:112px;
        height:39px;
    }
}

@media(max-width:980px){
    .hp-team-page.is-list-view .hp-team-card{
        height:158px;
        min-height:158px;
        padding-block:14px;
    }
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(160px,.8fr) minmax(205px,1fr) 118px;
        gap:10px 14px;
    }
}

@media(max-width:760px){
    .hp-team-page.is-list-view .hp-team-card{
        grid-template-columns:100px minmax(0,1fr);
        height:auto;
        min-height:202px;
        gap:15px;
        padding:14px;
    }
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap,
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-contacts{
        width:100px;
        min-width:100px;
        grid-template-rows:88px 28px;
        gap:9px;
    }
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-no-contacts{
        grid-template-rows:125px;
    }
    .hp-team-page.is-list-view .hp-team-card__profile{
        height:40px;
    }
}


/* Hubbo Prime v38.4.38 — Team List Final Polish
   Abschließende Größen-, Kontrast- und Bedienbarkeitskorrekturen.
   Kartenlogik, Datenbankwerte und Kachelansicht bleiben unverändert. */
.hp-team-page.is-list-view .hp-team-grid{
    gap:13px;
}
.hp-team-page.is-list-view .hp-team-card{
    grid-template-columns:108px minmax(0,1fr);
    gap:18px;
    height:154px;
    min-height:154px;
    padding:13px 16px 14px;
}

/* Portrait und bis zu drei Kontaktbuttons erhalten etwas mehr Präsenz. */
.hp-team-page.is-list-view .hp-team-card__avatar-wrap,
.hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-contacts{
    width:108px;
    min-width:108px;
    grid-template-rows:92px 30px;
    gap:5px;
    align-content:center;
}
.hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-no-contacts{
    grid-template-rows:127px;
}
.hp-team-page.is-list-view .hp-team-card__avatar{
    width:92px;
    height:92px;
}
.hp-team-page.is-list-view .hp-team-card__socials{
    height:30px;
    min-height:30px;
    gap:7px;
}
.hp-team-page.is-list-view .hp-team-card__socials a{
    width:30px;
    height:30px;
    border-radius:8px;
    border-color:rgba(255,255,255,.13);
    background:rgba(255,255,255,.055);
}
.hp-team-page.is-list-view .hp-team-card__socials a:hover{
    border-color:rgba(142,219,50,.42);
    background:rgba(142,219,50,.1);
}
.hp-team-page.is-list-view .hp-team-card__socials a img,
.hp-team-page.is-list-view .hp-team-card__socials svg{
    width:16px;
    height:16px;
    opacity:.92;
}

/* Typografie und Informationsspalten erhalten den letzten Lesbarkeits-Pass. */
.hp-team-page.is-list-view .hp-team-card__body{
    grid-template-columns:minmax(184px,.76fr) minmax(240px,1.18fr) minmax(224px,.86fr) 130px;
    gap:18px;
}
.hp-team-page.is-list-view .hp-team-card h3{
    font-size:19.1px;
    line-height:1.08;
}
.hp-team-page.is-list-view .hp-team-card strong{
    margin-top:6px;
    font-size:12.2px;
    line-height:1.25;
}
.hp-team-page.is-list-view .hp-team-card p{
    max-height:3em;
    font-size:12.1px;
    line-height:1.48;
    color:#d1d8cf;
}
.hp-team-page.is-list-view .hp-team-card__meta{
    gap:14px;
}
.hp-team-page.is-list-view .hp-team-card__meta span{
    gap:6px;
    font-size:10.7px;
    line-height:1.28;
    color:#cbd4c8;
}
.hp-team-page.is-list-view .hp-team-card__meta i{
    width:8px;
    height:8px;
}
.hp-team-page.is-list-view .hp-team-card__since svg{
    width:13px;
    height:13px;
    opacity:.9;
}
.hp-team-page.is-list-view .hp-team-card__profile{
    min-width:126px;
    height:42px;
    padding:0 16px;
    font-size:11.2px;
}

/* Der gruppenbezogene Online-Schalter ist nun besser lesbar und bedienbar. */
.hp-team-group__tools .hp-team-online-toggle{
    gap:11px;
    min-height:36px;
    padding:4px 1px 4px 9px;
}
.hp-team-group__tools .hp-team-online-toggle__label{
    font-size:12.6px!important;
    color:#d0d8cd;
}
.hp-team-group__tools .hp-team-online-toggle__switch{
    width:42px!important;
    height:24px!important;
}
.hp-team-group__tools .hp-team-online-toggle__switch b{
    top:3px;
    left:3px;
    width:16px;
    height:16px;
}
.hp-team-group__tools .hp-team-online-toggle.is-active .hp-team-online-toggle__switch b{
    left:22px;
}

@media(max-width:1180px){
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(170px,.74fr) minmax(205px,1fr) minmax(192px,.8fr) 118px;
        gap:14px;
    }
    .hp-team-page.is-list-view .hp-team-card__profile{
        min-width:114px;
        height:40px;
    }
}

@media(max-width:980px){
    .hp-team-page.is-list-view .hp-team-card{
        height:162px;
        min-height:162px;
    }
    .hp-team-page.is-list-view .hp-team-card__body{
        grid-template-columns:minmax(164px,.8fr) minmax(205px,1fr) 120px;
        gap:10px 14px;
    }
}

@media(max-width:760px){
    .hp-team-page.is-list-view .hp-team-card{
        grid-template-columns:104px minmax(0,1fr);
        height:auto;
        min-height:208px;
        gap:15px;
        padding:14px;
    }
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap,
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-contacts{
        width:104px;
        min-width:104px;
        grid-template-rows:92px 30px;
        gap:5px;
    }
    .hp-team-page.is-list-view .hp-team-card__avatar-wrap.has-no-contacts{
        grid-template-rows:130px;
    }
    .hp-team-group__tools .hp-team-online-toggle__label{
        font-size:11.8px!important;
    }
}

/* Hubbo Prime v38.3.1 — Horizon Foundation */
.hp-horizon{
    position:relative;
    min-height:100vh;
    padding:128px 0 52px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% -8%,rgba(142,219,50,.12),transparent 34%),
        linear-gradient(180deg,#070b08 0%,#0a0f0b 48%,#070a08 100%);
}
.hp-horizon__background{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(180deg,rgba(3,7,4,.24),rgba(3,7,4,.80) 76%,#070a08 100%),
        linear-gradient(90deg,rgba(3,7,4,.70),rgba(3,7,4,.28) 48%,rgba(3,7,4,.72)),
        url('/assets/images/dusk/background_image.png');
    background-size:cover;
    background-position:center top;
    opacity:.31;
    filter:saturate(.72) contrast(1.08);
    transform:scale(1.035);
}
.hp-horizon:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.055;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
.hp-horizon__glow{
    position:absolute;
    width:520px;
    height:520px;
    border-radius:50%;
    filter:blur(90px);
    pointer-events:none;
    opacity:.25;
}
.hp-horizon__glow--left{left:-270px;top:80px;background:rgba(142,219,50,.22)}
.hp-horizon__glow--right{right:-250px;top:260px;background:rgba(70,184,125,.16)}
.hp-horizon__content{position:relative;z-index:2;width:min(100% - 48px,1460px)}

.hp-horizon-hero{
    position:relative;
    isolation:isolate;
    min-height:330px;
    display:grid;
    grid-template-columns:minmax(0,1.16fr) minmax(440px,.84fr);
    align-items:center;
    gap:28px;
    padding:34px 36px;
    border-radius:26px;
    overflow:hidden;
    background:
        radial-gradient(circle at 76% 12%,rgba(142,219,50,.12),transparent 30%),
        linear-gradient(135deg,rgba(13,20,15,.97),rgba(7,12,9,.95));
    border:1px solid rgba(142,219,50,.19);
    box-shadow:0 34px 88px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.055);
}
.hp-horizon-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(142,219,50,.06),transparent 28%),
        radial-gradient(circle at 28% 115%,rgba(142,219,50,.10),transparent 34%);
    pointer-events:none;
}
.hp-horizon-hero__copy{position:relative;z-index:2;max-width:760px}
.hp-horizon-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:32px;
    margin-bottom:13px;
    color:var(--hp-green-2);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.11em;
}
.hp-horizon-kicker i{width:8px;height:8px;border-radius:50%;background:var(--hp-green);box-shadow:0 0 17px rgba(142,219,50,.95)}
.hp-horizon-hero h1{
    margin:0;
    color:#fff;
    font-size:clamp(40px,4vw,64px);
    line-height:.98;
    font-weight:950;
    letter-spacing:-.055em;
    text-shadow:0 16px 44px rgba(0,0,0,.55);
}
.hp-horizon-hero p{
    max-width:670px;
    margin:14px 0 20px;
    color:#cbd6cc;
    font-size:15px;
    line-height:1.58;
}
.hp-horizon-search{
    position:relative;
    display:grid;
    grid-template-columns:22px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:54px;
    max-width:720px;
    padding:5px 6px 5px 17px;
    border-radius:15px;
    background:rgba(4,9,6,.78);
    border:1px solid rgba(142,219,50,.34);
    box-shadow:0 18px 40px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
}
.hp-horizon-search:focus-within{border-color:rgba(177,255,73,.7);box-shadow:0 0 0 3px rgba(142,219,50,.10),0 22px 48px rgba(0,0,0,.34)}
.hp-horizon-search svg{width:22px;height:22px;fill:#a7b4a8}
.hp-horizon-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#f7fff4;
    font-size:14px;
    font-weight:650;
}
.hp-horizon-search input::placeholder{color:#89958b}
.hp-horizon-search button{
    height:42px;
    padding:0 17px;
    border:1px solid rgba(142,219,50,.28);
    border-radius:11px;
    background:rgba(142,219,50,.11);
    color:var(--hp-green-2);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.035em;
    cursor:pointer;
}
.hp-horizon-search button:hover{background:rgba(142,219,50,.18);border-color:rgba(142,219,50,.48)}
.hp-horizon-search-results{
    max-width:720px;
    margin-top:10px;
    padding:12px;
    border-radius:14px;
    background:rgba(5,10,7,.96);
    border:1px solid rgba(142,219,50,.20);
    box-shadow:0 24px 55px rgba(0,0,0,.4);
}
.hp-horizon-search-results>strong{display:block;margin:0 0 8px;color:#fff;font-size:12px}
.hp-horizon-search-results [data-horizon-search-list]{display:grid;gap:6px}
.hp-horizon-search-results a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:9px 10px;
    border-radius:10px;
    background:rgba(255,255,255,.035);
    color:#dfe9df;
    font-size:12px;
    font-weight:750;
}
.hp-horizon-search-results a:hover{background:rgba(142,219,50,.09);color:#fff}
.hp-horizon-search-results p{margin:0;color:#9eaa9f;font-size:12px}
.hp-horizon-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}
.hp-horizon-button{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 20px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.1);
    font-size:12px;
    font-weight:950;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.hp-horizon-button svg{width:17px;height:17px;fill:currentColor}
.hp-horizon-button:hover{transform:translateY(-2px)}
.hp-horizon-button--primary{
    color:#071005;
    background:linear-gradient(135deg,var(--hp-green-2),#61c61f 74%);
    border-color:rgba(196,255,103,.60);
    box-shadow:0 15px 34px rgba(142,219,50,.22),inset 0 1px rgba(255,255,255,.32);
}
.hp-horizon-button--primary:hover{box-shadow:0 20px 42px rgba(142,219,50,.32),0 0 30px rgba(142,219,50,.12)}
.hp-horizon-button--secondary{color:#edf5eb;background:rgba(255,255,255,.045);border-color:rgba(142,219,50,.19)}
.hp-horizon-button--secondary:hover{background:rgba(142,219,50,.08);border-color:rgba(142,219,50,.37)}
.hp-horizon-hero__art{
    position:relative;
    min-height:255px;
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
.hp-horizon-hero__art:after{
    content:"";
    position:absolute;
    inset:15% 8% 8% 15%;
    border-radius:50%;
    background:rgba(142,219,50,.13);
    filter:blur(40px);
    z-index:-1;
}
.hp-horizon-hero__art img{
    width:min(100%,540px);
    max-height:270px;
    object-fit:contain;
    border-radius:22px;
    mix-blend-mode:screen;
    filter:drop-shadow(0 24px 38px rgba(0,0,0,.5)) saturate(1.04);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 92%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 92%,transparent 100%);
}
.hp-horizon-setup-note{
    display:flex;
    align-items:center;
    gap:10px;
    margin:14px 0 0;
    padding:11px 14px;
    border-radius:13px;
    border:1px solid rgba(245,189,44,.23);
    background:rgba(245,189,44,.07);
    color:#e9e1c0;
    font-size:12px;
}
.hp-horizon-setup-note strong{color:#ffe29a}.hp-horizon-setup-note code{color:#fff}

.hp-horizon-categories{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}
.hp-horizon-category{
    --horizon-accent:#8edb32;
    position:relative;
    min-height:154px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:18px 15px 14px;
    overflow:hidden;
    text-align:center;
    border-radius:17px;
    background:
        radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--horizon-accent) 13%,transparent),transparent 34%),
        linear-gradient(180deg,rgba(13,20,16,.94),rgba(7,12,9,.96));
    border:1px solid color-mix(in srgb,var(--horizon-accent) 27%,rgba(255,255,255,.07));
    box-shadow:0 20px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.hp-horizon-category:before{content:"";position:absolute;inset:auto 22% -48px;height:76px;border-radius:50%;background:var(--horizon-accent);filter:blur(30px);opacity:.08}
.hp-horizon-category:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--horizon-accent) 52%,transparent);box-shadow:0 25px 58px rgba(0,0,0,.34),0 0 34px color-mix(in srgb,var(--horizon-accent) 10%,transparent)}
.hp-horizon-category__icon{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    margin-bottom:10px;
    border-radius:13px;
    color:var(--horizon-accent);
    background:color-mix(in srgb,var(--horizon-accent) 12%,rgba(255,255,255,.025));
    box-shadow:0 0 26px color-mix(in srgb,var(--horizon-accent) 18%,transparent),inset 0 1px rgba(255,255,255,.055);
}
.hp-horizon-category__icon svg{width:24px;height:24px;fill:currentColor}
.hp-horizon-category>strong{color:#fff;font-size:13px;line-height:1.2;font-weight:900}
.hp-horizon-category>p{min-height:34px;margin:6px 0 10px;color:#98a49a;font-size:10.5px;line-height:1.45}
.hp-horizon-category__footer{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--horizon-accent)}
.hp-horizon-category__footer small{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.hp-horizon-category__footer b{font-size:17px}

.hp-horizon-main-grid{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(390px,.86fr);gap:14px;margin-top:14px}
.hp-horizon-panel{
    border-radius:19px;
    background:linear-gradient(180deg,rgba(10,16,12,.96),rgba(6,11,8,.98));
    border:1px solid rgba(142,219,50,.19);
    box-shadow:0 24px 62px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.035);
}
.hp-horizon-panel__head{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:13px 16px;
    border-bottom:1px solid rgba(255,255,255,.055);
}
.hp-horizon-panel__head>div{display:flex;align-items:center;gap:10px;min-width:0}
.hp-horizon-panel__icon{
    flex:0 0 auto;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:var(--hp-green-2);
    background:rgba(142,219,50,.10);
    font-size:15px;
    font-weight:950;
    box-shadow:0 0 20px rgba(142,219,50,.10);
}
.hp-horizon-panel__head h2{margin:0;color:#fff;font-size:14px;font-weight:950}
.hp-horizon-panel__head p{margin:2px 0 0;color:#8f9c91;font-size:10px}
.hp-horizon-panel__head>a,.hp-horizon-panel__head>button{
    flex:0 0 auto;
    min-height:30px;
    display:inline-flex;
    align-items:center;
    padding:0 11px;
    border-radius:9px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.035);
    color:#dce5db;
    font-size:9.5px;
    font-weight:850;
    cursor:pointer;
}
.hp-horizon-panel__head>a:hover,.hp-horizon-panel__head>button:hover{border-color:rgba(142,219,50,.28);background:rgba(142,219,50,.08);color:#fff}

.hp-horizon-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px 14px 4px}
.hp-horizon-article{
    --horizon-accent:#8edb32;
    position:relative;
    border-radius:13px;
    background:rgba(255,255,255,.027);
    border:1px solid rgba(255,255,255,.07);
    overflow:hidden;
    transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.hp-horizon-article:hover,.hp-horizon-article[open]{border-color:color-mix(in srgb,var(--horizon-accent) 35%,rgba(255,255,255,.08));background:rgba(255,255,255,.04)}
.hp-horizon-article summary{list-style:none;min-height:72px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:9px 10px;cursor:pointer}
.hp-horizon-article summary::-webkit-details-marker{display:none}
.hp-horizon-article__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--horizon-accent);background:color-mix(in srgb,var(--horizon-accent) 12%,rgba(255,255,255,.02))}
.hp-horizon-article__icon svg{width:20px;height:20px;fill:currentColor}
.hp-horizon-article__copy{min-width:0}
.hp-horizon-article__copy strong{display:block;color:#fff;font-size:11.5px;line-height:1.25;font-weight:900}
.hp-horizon-article__copy small{display:block;margin-top:4px;color:#8f9a91;font-size:9.5px;line-height:1.35}
.hp-horizon-article summary>b{padding:4px 6px;border-radius:6px;background:color-mix(in srgb,var(--horizon-accent) 12%,transparent);color:var(--horizon-accent);font-size:7.5px;font-weight:950;text-transform:uppercase}
.hp-horizon-article summary>i{font-style:normal;color:#7e8a80;font-size:13px;transition:transform .18s ease}.hp-horizon-article[open] summary>i{transform:rotate(180deg)}
.hp-horizon-article__answer{padding:0 12px 12px 58px;color:#b9c4ba;font-size:10px;line-height:1.55}
.hp-horizon-more{width:calc(100% - 28px);height:36px;margin:9px 14px 13px;border:0;border-top:1px solid rgba(255,255,255,.055);background:transparent;color:var(--hp-green-2);font-size:10px;font-weight:850;cursor:pointer}.hp-horizon-more span{margin-left:6px}

.hp-horizon-ticket-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 13px 4px}
.hp-horizon-ticket-stats span{min-height:31px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;font-size:8.5px;font-weight:900;white-space:nowrap}
.hp-horizon-ticket-stats b{font-size:10px}.hp-horizon-ticket-stats .is-open{color:#9be844;background:rgba(142,219,50,.09)}.hp-horizon-ticket-stats .is-progress{color:#54c9ff;background:rgba(53,189,243,.09)}.hp-horizon-ticket-stats .is-answered{color:#dc7aff;background:rgba(195,90,242,.09)}
.hp-horizon-ticket-list{display:grid;gap:8px;padding:10px 13px 4px}
.hp-horizon-ticket-row{
    min-height:60px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:8px 9px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.025);
    transition:.18s ease;
}
.hp-horizon-ticket-row:hover{transform:translateY(-1px);border-color:rgba(142,219,50,.22);background:rgba(255,255,255,.04)}
.hp-horizon-ticket-row__avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(142,219,50,.08);overflow:hidden}.hp-horizon-ticket-row__avatar img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}
.hp-horizon-ticket-row__copy{min-width:0}.hp-horizon-ticket-row__copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:11px;font-weight:900}.hp-horizon-ticket-row__copy small{display:block;margin-top:3px;color:#859087;font-size:8.5px}
.hp-horizon-ticket-status{padding:5px 7px;border-radius:7px;font-size:7.5px;font-weight:950;white-space:nowrap}.hp-horizon-ticket-status.is-open{color:#ff7567;background:rgba(255,91,72,.10)}.hp-horizon-ticket-status.is-progress{color:#56caff;background:rgba(53,189,243,.10)}.hp-horizon-ticket-status.is-answered{color:#db7aff;background:rgba(195,90,242,.10)}.hp-horizon-ticket-status.is-closed{color:#adb6ad;background:rgba(255,255,255,.06)}
.hp-horizon-ticket-empty{min-height:145px;display:flex;align-items:center;gap:13px;padding:18px;border-radius:13px;border:1px dashed rgba(142,219,50,.20);background:rgba(142,219,50,.035)}
.hp-horizon-ticket-empty>span{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--hp-green-2);background:rgba(142,219,50,.10)}.hp-horizon-ticket-empty svg{width:22px;height:22px;fill:currentColor}.hp-horizon-ticket-empty strong{display:block;color:#fff;font-size:12px}.hp-horizon-ticket-empty p{margin:5px 0 0;color:#95a197;font-size:10px;line-height:1.45}
.hp-horizon-ticket-link{height:40px;margin:8px 13px 13px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid rgba(255,255,255,.055);color:var(--hp-green-2);font-size:10px;font-weight:850}.hp-horizon-ticket-link:hover{color:#caff75}

.hp-horizon-faq{position:relative;margin-top:14px;overflow:hidden}.hp-horizon-faq:after{content:"?";position:absolute;right:30px;top:11px;color:rgba(142,219,50,.08);font-size:96px;font-weight:950;line-height:1;transform:rotate(8deg);pointer-events:none}.hp-horizon-panel__head--compact{border-bottom:0;padding-bottom:6px}
.hp-horizon-faq__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px 14px 14px}
.hp-horizon-faq-item{border-radius:11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);overflow:hidden}.hp-horizon-faq-item[open]{border-color:rgba(142,219,50,.24);background:rgba(142,219,50,.035)}
.hp-horizon-faq-item summary{list-style:none;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;cursor:pointer}.hp-horizon-faq-item summary::-webkit-details-marker{display:none}.hp-horizon-faq-item summary strong{color:#eaf1e8;font-size:10.5px}.hp-horizon-faq-item summary span{color:#859087;transition:transform .18s ease}.hp-horizon-faq-item[open] summary span{transform:rotate(180deg)}.hp-horizon-faq-item p{margin:0;padding:0 13px 13px;color:#9fab9f;font-size:10px;line-height:1.55}

.hp-horizon-cta{
    position:relative;
    min-height:92px;
    display:grid;
    grid-template-columns:72px minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    margin-top:14px;
    padding:18px 22px;
    overflow:hidden;
    border-radius:19px;
    background:
        radial-gradient(circle at 15% 50%,rgba(142,219,50,.13),transparent 24%),
        linear-gradient(135deg,rgba(28,45,19,.78),rgba(9,17,10,.96));
    border:1px solid rgba(142,219,50,.25);
    box-shadow:0 25px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045);
}
.hp-horizon-cta:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(135deg,rgba(255,255,255,.06) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.06) 75%,transparent 75%,transparent);background-size:22px 22px}
.hp-horizon-cta>*{position:relative;z-index:1}
.hp-horizon-cta__bell{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#161004;background:radial-gradient(circle at 35% 30%,#ffd768,#c88916 70%);border:3px solid rgba(255,226,140,.30);box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 25px rgba(232,174,43,.20);font-size:25px;font-weight:950}
.hp-horizon-cta h2{margin:0;color:#fff;font-size:17px;font-weight:950}.hp-horizon-cta p{margin:4px 0 0;color:#aeb9af;font-size:11px}.hp-horizon-cta__actions{display:flex;gap:10px}.hp-horizon-cta .hp-horizon-button{min-height:43px}

@media(max-width:1280px){
    .hp-horizon__content{width:min(100% - 36px,1180px)}
    .hp-horizon-hero{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr)}
    .hp-horizon-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
    .hp-horizon-category{min-height:145px}
    .hp-horizon-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr)}
}
@media(max-width:980px){
    .hp-horizon{padding-top:112px}
    .hp-horizon-hero{grid-template-columns:1fr;min-height:auto;padding:30px}
    .hp-horizon-hero__copy{max-width:none}
    .hp-horizon-hero__art{min-height:210px;justify-content:center}.hp-horizon-hero__art img{max-height:230px}
    .hp-horizon-main-grid{grid-template-columns:1fr}
    .hp-horizon-article-grid{grid-template-columns:1fr 1fr}
    .hp-horizon-cta{grid-template-columns:62px minmax(0,1fr)}.hp-horizon-cta__actions{grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:720px){
    .hp-horizon__content{width:min(100% - 24px,680px)}
    .hp-horizon-hero{padding:23px 18px;border-radius:20px}
    .hp-horizon-hero h1{font-size:39px}.hp-horizon-hero p{font-size:13.5px}
    .hp-horizon-search{grid-template-columns:20px minmax(0,1fr);padding:8px 13px}.hp-horizon-search button{grid-column:1/-1;width:100%}
    .hp-horizon-hero__actions{display:grid;grid-template-columns:1fr}.hp-horizon-button{width:100%}
    .hp-horizon-hero__art{min-height:180px}.hp-horizon-hero__art img{max-height:190px}
    .hp-horizon-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hp-horizon-category{min-height:150px;padding:16px 12px}
    .hp-horizon-article-grid{grid-template-columns:1fr}
    .hp-horizon-faq__grid{grid-template-columns:1fr}
    .hp-horizon-ticket-stats{grid-template-columns:1fr}.hp-horizon-ticket-stats span{justify-content:flex-start;padding-left:12px}
    .hp-horizon-panel__head{align-items:flex-start}.hp-horizon-panel__head>button,.hp-horizon-panel__head>a{display:none}
    .hp-horizon-cta{grid-template-columns:1fr;text-align:center;padding:22px 17px}.hp-horizon-cta__bell{margin:0 auto}.hp-horizon-cta__actions{grid-column:auto;display:grid;grid-template-columns:1fr;width:100%}
}
@media(max-width:440px){
    .hp-horizon-categories{grid-template-columns:1fr}.hp-horizon-category{min-height:132px}
    .hp-horizon-ticket-row{grid-template-columns:36px minmax(0,1fr)}.hp-horizon-ticket-status{grid-column:2;justify-self:start}
    .hp-horizon-article summary{grid-template-columns:36px minmax(0,1fr) 12px}.hp-horizon-article summary>b{display:none}.hp-horizon-article__answer{padding-left:56px}
}

/* Hubbo Prime v38.3.2 "Horizon" — Pixel Alignment */
.hp-horizon-hero{
    min-height:356px;
    grid-template-columns:minmax(0,1.48fr) minmax(360px,.72fr);
    gap:18px;
    padding:38px 40px;
}
.hp-horizon-hero__copy{max-width:850px}
.hp-horizon-hero h1{
    font-size:clamp(44px,3.35vw,56px);
    line-height:1.01;
    letter-spacing:-.05em;
}
.hp-horizon-hero p{
    max-width:720px;
    margin:16px 0 22px;
    font-size:15.5px;
    line-height:1.6;
}
.hp-horizon-search{
    width:min(100%,790px);
    max-width:none;
    min-height:62px;
    grid-template-columns:46px minmax(0,1fr);
    gap:8px;
    padding:7px 18px 7px 7px;
    border-radius:16px;
    background:rgba(3,8,5,.86);
    box-shadow:0 20px 48px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.04);
}
.hp-horizon-search__submit,
.hp-horizon-search button.hp-horizon-search__submit{
    width:46px;
    height:46px;
    min-width:46px;
    grid-column:auto;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#a9b6aa;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.hp-horizon-search__submit:hover,
.hp-horizon-search button.hp-horizon-search__submit:hover{
    background:rgba(142,219,50,.11);
    color:var(--hp-green-2);
    transform:translateY(-1px);
}
.hp-horizon-search__submit svg{width:23px;height:23px;fill:currentColor}
.hp-horizon-search input{font-size:15px}
.hp-horizon-search-results{width:min(100%,790px);max-width:none}
.hp-horizon-hero__actions{gap:13px;margin-top:19px}
.hp-horizon-button{min-height:48px;padding:0 22px;font-size:12.5px}
.hp-horizon-hero__art{
    min-height:282px;
    margin:-10px -24px -10px 0;
    justify-content:center;
}
.hp-horizon-hero__art:after{
    inset:18% 3% 2% 3%;
    background:rgba(142,219,50,.11);
    filter:blur(52px);
}
.hp-horizon-hero__art img{
    width:min(128%,630px);
    max-width:none;
    max-height:315px;
    border-radius:0;
    opacity:.98;
    mix-blend-mode:normal;
    filter:drop-shadow(0 28px 46px rgba(0,0,0,.56)) saturate(1.10) brightness(1.04);
    -webkit-mask-image:radial-gradient(ellipse 82% 82% at 50% 50%,#000 57%,rgba(0,0,0,.94) 69%,transparent 100%);
    mask-image:radial-gradient(ellipse 82% 82% at 50% 50%,#000 57%,rgba(0,0,0,.94) 69%,transparent 100%);
}
.hp-horizon-categories{gap:13px;margin-top:16px}
.hp-horizon-category{
    min-height:178px;
    padding:21px 16px 15px;
    border-radius:18px;
}
.hp-horizon-category__icon{width:48px;height:48px;margin-bottom:12px;border-radius:14px}
.hp-horizon-category__icon svg{width:26px;height:26px}
.hp-horizon-category>strong{font-size:14px}
.hp-horizon-category>p{min-height:39px;margin:7px 0 12px;font-size:11.5px;line-height:1.48}
.hp-horizon-category__footer small{font-size:9.5px}.hp-horizon-category__footer b{font-size:18px}
.hp-horizon-main-grid{gap:16px;margin-top:16px}
.hp-horizon-panel{border-radius:20px}
.hp-horizon-panel__head{min-height:66px;padding:14px 17px}
.hp-horizon-panel__icon{width:32px;height:32px}
.hp-horizon-panel__head h2{font-size:15px}
.hp-horizon-panel__head p{margin-top:3px;font-size:10.75px}
.hp-horizon-panel__head>a,.hp-horizon-panel__head>button{min-height:32px;padding:0 12px;font-size:10px}
.hp-horizon-article-grid{gap:10px;padding:15px 15px 5px}
.hp-horizon-article{border-radius:14px}
.hp-horizon-article summary{
    min-height:84px;
    grid-template-columns:42px minmax(0,1fr) auto 14px;
    gap:11px;
    padding:11px;
}
.hp-horizon-article__icon{width:42px;height:42px;border-radius:12px}
.hp-horizon-article__icon svg{width:22px;height:22px}
.hp-horizon-article__copy strong{font-size:12.5px;line-height:1.28}
.hp-horizon-article__copy small{margin-top:5px;font-size:10.4px;line-height:1.42}
.hp-horizon-article summary>b{padding:5px 7px;font-size:8px}
.hp-horizon-article__answer{padding:0 13px 13px 64px;font-size:10.75px;line-height:1.58}
.hp-horizon-more{height:40px;margin:10px 15px 14px;font-size:10.5px}
.hp-horizon-ticket-stats{gap:8px;padding:14px 14px 5px}
.hp-horizon-ticket-stats span{min-height:35px;font-size:9.5px}.hp-horizon-ticket-stats b{font-size:11px}
.hp-horizon-ticket-list{gap:9px;padding:11px 14px 5px}
.hp-horizon-ticket-row{min-height:66px;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;padding:10px}
.hp-horizon-ticket-row__avatar{width:42px;height:42px}.hp-horizon-ticket-row__avatar img{width:58px;height:58px}
.hp-horizon-ticket-row__copy strong{font-size:12px}.hp-horizon-ticket-row__copy small{font-size:9.25px}
.hp-horizon-ticket-status{padding:6px 8px;font-size:8px}
.hp-horizon-ticket-empty{min-height:166px;gap:15px;padding:21px}
.hp-horizon-ticket-empty>span{width:48px;height:48px}.hp-horizon-ticket-empty svg{width:24px;height:24px}
.hp-horizon-ticket-empty strong{font-size:13px}.hp-horizon-ticket-empty p{font-size:10.75px;line-height:1.5}
.hp-horizon-ticket-link{height:43px;margin:9px 14px 14px;font-size:10.5px}
.hp-horizon-faq{margin-top:16px}
.hp-horizon-faq:after{right:48px;top:22px;color:rgba(142,219,50,.045);font-size:82px;transform:rotate(7deg)}
.hp-horizon-panel__head--compact{padding-bottom:8px}
.hp-horizon-faq__grid{gap:9px;padding:6px 15px 15px}
.hp-horizon-faq-item{border-radius:12px}
.hp-horizon-faq-item summary{min-height:46px;padding:0 14px}.hp-horizon-faq-item summary strong{font-size:11px}
.hp-horizon-faq-item p{padding:0 14px 14px;font-size:10.5px}
.hp-horizon-cta{
    min-height:104px;
    grid-template-columns:78px minmax(0,1fr) auto;
    gap:22px;
    margin-top:16px;
    padding:19px 23px;
}
.hp-horizon-cta__bell{
    width:64px;
    height:64px;
    border-radius:19px;
    background:radial-gradient(circle at 35% 28%,#ffe17e,#dfa52b 64%,#a86c0d 100%);
    border:2px solid rgba(255,225,128,.34);
    color:#241703;
    box-shadow:0 14px 32px rgba(0,0,0,.32),0 0 30px rgba(232,174,43,.22),inset 0 1px rgba(255,255,255,.42);
}
.hp-horizon-cta__bell svg{width:33px;height:33px;fill:currentColor;filter:drop-shadow(0 1px rgba(255,255,255,.20))}
.hp-horizon-cta h2{font-size:18px}.hp-horizon-cta p{font-size:11.5px}

@media(min-width:1181px){
    .hp-horizon-hero h1{white-space:nowrap}
}
@media(max-width:1280px){
    .hp-horizon-hero{grid-template-columns:minmax(0,1.38fr) minmax(335px,.62fr);padding:35px 34px}
    .hp-horizon-hero h1{font-size:50px}
    .hp-horizon-hero__art{margin:-6px -18px -6px 0}.hp-horizon-hero__art img{width:min(125%,570px);max-height:292px}
    .hp-horizon-category{min-height:164px}
}
@media(max-width:980px){
    .hp-horizon-hero{grid-template-columns:1fr;min-height:auto;padding:30px}
    .hp-horizon-hero h1{font-size:48px;white-space:normal}
    .hp-horizon-hero__art{min-height:230px;margin:0;justify-content:center}
    .hp-horizon-hero__art img{width:min(100%,560px);max-height:255px}
    .hp-horizon-category{min-height:158px}
    .hp-horizon-cta{grid-template-columns:68px minmax(0,1fr)}
}
@media(max-width:720px){
    .hp-horizon-hero{padding:24px 18px}
    .hp-horizon-hero h1{font-size:39px}
    .hp-horizon-hero p{font-size:13.5px}
    .hp-horizon-search{min-height:56px;grid-template-columns:42px minmax(0,1fr);padding:6px 13px 6px 6px}
    .hp-horizon-search__submit,.hp-horizon-search button.hp-horizon-search__submit{width:42px;height:42px;min-width:42px;grid-column:auto}
    .hp-horizon-search input{font-size:13px}
    .hp-horizon-hero__art{min-height:190px}.hp-horizon-hero__art img{max-height:205px}
    .hp-horizon-category{min-height:154px;padding:17px 13px}
    .hp-horizon-article summary{grid-template-columns:40px minmax(0,1fr) auto 13px;min-height:80px}
    .hp-horizon-cta{grid-template-columns:1fr;text-align:center;padding:23px 18px}.hp-horizon-cta__bell{margin:0 auto}
}
@media(max-width:440px){
    .hp-horizon-category{min-height:140px}
    .hp-horizon-article summary{grid-template-columns:38px minmax(0,1fr) 12px}.hp-horizon-article__answer{padding-left:58px}
}

/* Hubbo Prime v38.3.3 "Horizon" — Homepage Final Polish */
.hp-horizon-hero__art{
    margin:-14px -34px -14px -8px;
    overflow:visible;
}
.hp-horizon-hero__art:before{
    content:"";
    position:absolute;
    z-index:2;
    inset:-4% -2%;
    pointer-events:none;
    background:radial-gradient(ellipse 66% 68% at 51% 50%,transparent 48%,rgba(5,12,8,.12) 64%,rgba(5,12,8,.68) 88%,rgba(5,12,8,.94) 100%);
}
.hp-horizon-hero__art img{
    width:min(136%,670px);
    max-height:332px;
    opacity:.99;
    filter:drop-shadow(0 30px 50px rgba(0,0,0,.60)) saturate(1.11) brightness(1.045) contrast(1.025);
    -webkit-mask-image:radial-gradient(ellipse 79% 79% at 51% 50%,#000 50%,rgba(0,0,0,.94) 63%,rgba(0,0,0,.52) 79%,transparent 100%);
    mask-image:radial-gradient(ellipse 79% 79% at 51% 50%,#000 50%,rgba(0,0,0,.94) 63%,rgba(0,0,0,.52) 79%,transparent 100%);
}
.hp-horizon-category>p{
    color:#acb7ad;
    font-size:12.2px;
    line-height:1.52;
}
.hp-horizon-category__footer small{
    font-size:10.25px;
    letter-spacing:.045em;
}
.hp-horizon-panel__head p{
    color:#aab5ab;
    font-size:11.5px;
    line-height:1.4;
}
.hp-horizon-article__copy small{
    color:#aab5ab;
    font-size:11.15px;
    line-height:1.46;
}
.hp-horizon-article__answer{
    color:#c1cbc2;
    font-size:11.25px;
}
.hp-horizon-ticket-stats span{
    min-height:37px;
    font-size:10.25px;
}
.hp-horizon-ticket-stats b{font-size:11.75px}
.hp-horizon-ticket-row__copy small{
    color:#a2ada4;
    font-size:10px;
}
.hp-horizon-ticket-status{
    padding:6px 9px;
    font-size:8.75px;
}
.hp-horizon-tickets{
    display:flex;
    flex-direction:column;
}
.hp-horizon-ticket-list--empty{
    flex:1 1 auto;
    min-height:184px;
    display:flex;
    align-items:center;
    padding:13px 14px 6px;
}
.hp-horizon-ticket-list--empty .hp-horizon-ticket-empty{
    width:100%;
    min-height:132px;
    justify-content:center;
    padding:20px 22px;
}
.hp-horizon-ticket-empty p{
    color:#aab5ab;
    font-size:11.5px;
}
.hp-horizon-faq:after{
    right:44px;
    top:19px;
    color:rgba(142,219,50,.075);
    font-size:88px;
}
.hp-horizon-faq-item summary strong{
    color:#f0f5ef;
    font-size:11.6px;
}
.hp-horizon-faq-item p{
    color:#aeb9af;
    font-size:11.25px;
    line-height:1.58;
}
@media(max-width:1280px){
    .hp-horizon-hero__art{margin:-10px -25px -10px 0}
    .hp-horizon-hero__art img{width:min(132%,610px);max-height:308px}
}
@media(max-width:980px){
    .hp-horizon-hero__art{margin:0;overflow:hidden}
    .hp-horizon-hero__art:before{inset:-5% 5%}
    .hp-horizon-hero__art img{width:min(108%,590px);max-height:270px}
    .hp-horizon-ticket-list--empty{min-height:150px}
}
@media(max-width:720px){
    .hp-horizon-hero__art img{width:min(112%,470px);max-height:218px}
    .hp-horizon-category>p{font-size:11.7px}
    .hp-horizon-ticket-list--empty{min-height:auto;padding-top:10px}
    .hp-horizon-faq:after{right:18px;top:30px;font-size:72px}
}


/* Hubbo Prime v38.3.4 "Horizon" — Homepage Completion */
.hp-horizon-hero{
    z-index:6;
    overflow:visible;
}
.hp-horizon-hero:before{border-radius:inherit}
.hp-horizon-search-shell{
    position:relative;
    z-index:24;
    width:min(100%,790px);
}
.hp-horizon-search-shell .hp-horizon-search{
    width:100%;
}
.hp-horizon-search-results{
    position:absolute;
    z-index:30;
    top:calc(100% + 9px);
    left:0;
    width:100%;
    max-width:none;
    max-height:330px;
    margin:0;
    overflow:auto;
    overscroll-behavior:contain;
    background:linear-gradient(180deg,rgba(7,14,9,.985),rgba(3,8,5,.985));
    border-color:rgba(142,219,50,.34);
    box-shadow:0 30px 70px rgba(0,0,0,.62),0 0 0 1px rgba(142,219,50,.045),inset 0 1px rgba(255,255,255,.045);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.hp-horizon-search-results[hidden]{display:none!important}
.hp-horizon-search-results>strong{
    position:sticky;
    top:-12px;
    z-index:2;
    margin:-2px -2px 8px;
    padding:8px 2px 7px;
    background:linear-gradient(180deg,rgba(7,14,9,.99) 72%,transparent);
}
.hp-horizon-search-results a{
    min-height:42px;
    border:1px solid rgba(255,255,255,.045);
}
.hp-horizon-search-results a:hover,
.hp-horizon-search-results a:focus-visible{
    outline:none;
    border-color:rgba(142,219,50,.22);
    background:rgba(142,219,50,.10);
}
.hp-horizon-hero__actions{
    position:relative;
    z-index:3;
}
.hp-horizon-hero__art{
    margin:-28px -55px -28px -36px;
    overflow:hidden;
}
.hp-horizon-hero__art:before{
    inset:-10% -7%;
    background:radial-gradient(ellipse 70% 77% at 50% 49%,transparent 47%,rgba(5,12,8,.08) 61%,rgba(5,12,8,.52) 82%,rgba(5,12,8,.94) 100%);
}
.hp-horizon-hero__art img{
    width:min(176%,710px);
    max-height:none;
    transform:translateY(-4px);
    -webkit-mask-image:radial-gradient(ellipse 75% 82% at 50% 50%,#000 48%,rgba(0,0,0,.96) 62%,rgba(0,0,0,.55) 80%,transparent 100%);
    mask-image:radial-gradient(ellipse 75% 82% at 50% 50%,#000 48%,rgba(0,0,0,.96) 62%,rgba(0,0,0,.55) 80%,transparent 100%);
}
@media(max-width:1280px){
    .hp-horizon-hero__art{margin:-23px -45px -23px -20px}
    .hp-horizon-hero__art img{width:min(166%,665px);transform:translateY(-3px)}
}
@media(max-width:980px){
    .hp-horizon-search-shell{width:100%}
    .hp-horizon-search-results{max-height:300px}
    .hp-horizon-hero__art{margin:-12px 0 -18px;overflow:hidden}
    .hp-horizon-hero__art:before{inset:-8% 1%}
    .hp-horizon-hero__art img{width:min(118%,625px);transform:translateY(-2px)}
}
@media(max-width:720px){
    .hp-horizon-search-results{top:calc(100% + 7px);max-height:270px;padding:10px}
    .hp-horizon-search-results>strong{top:-10px;margin:-1px -1px 7px;padding:7px 1px 6px}
    .hp-horizon-hero__art{margin:-4px -15px -12px}
    .hp-horizon-hero__art img{width:min(126%,500px);transform:translateY(-1px)}
}

/* Hubbo Prime v38.3.5 "Horizon" — Knowledge Base Expansion */
.hp-horizon-main-grid{
    align-items:start;
}
.hp-horizon-tickets{
    align-self:start;
    height:auto;
}
.hp-horizon-ticket-list--empty{
    flex:0 0 auto;
}
.hp-horizon-article-empty{
    grid-column:1 / -1;
    min-height:148px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:22px;
    border:1px dashed rgba(142,219,50,.22);
    border-radius:14px;
    background:rgba(142,219,50,.035);
}
.hp-horizon-article-empty>span{
    flex:0 0 auto;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    color:var(--hp-green-2);
    background:rgba(142,219,50,.10);
    border:1px solid rgba(142,219,50,.16);
}
.hp-horizon-article-empty svg{
    width:24px;
    height:24px;
    fill:currentColor;
}
.hp-horizon-article-empty strong{
    display:block;
    color:#fff;
    font-size:13px;
}
.hp-horizon-article-empty p{
    margin:5px 0 0;
    color:#aab5ab;
    font-size:11px;
    line-height:1.5;
}
@media(max-width:720px){
    .hp-horizon-article-empty{
        align-items:flex-start;
        justify-content:flex-start;
        min-height:0;
        padding:18px;
    }
}

/* Hubbo Prime v38.3.5.1 "Horizon" — Interaction Hotfix */
.hp-horizon-article-grid{
    align-items:start;
}
.hp-horizon-article{
    align-self:start;
}
.hp-horizon-search-results{
    max-height:248px;
    scrollbar-width:thin;
    scrollbar-color:rgba(142,219,50,.48) rgba(255,255,255,.035);
}
.hp-horizon-search-results::-webkit-scrollbar{
    width:7px;
}
.hp-horizon-search-results::-webkit-scrollbar-track{
    border-radius:999px;
    background:rgba(255,255,255,.035);
}
.hp-horizon-search-results::-webkit-scrollbar-thumb{
    border:2px solid rgba(5,10,7,.96);
    border-radius:999px;
    background:rgba(142,219,50,.48);
}
.hp-horizon-search-results::-webkit-scrollbar-thumb:hover{
    background:rgba(142,219,50,.72);
}
@media(max-width:980px){
    .hp-horizon-search-results{max-height:238px}
}
@media(max-width:720px){
    .hp-horizon-search-results{max-height:220px}
}


/* Hubbo Prime v38.3.5.2 - Horizon FAQ Layout Hotfix */
.hp-horizon-faq__columns{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:6px 15px 15px;
    align-items:start;
}
.hp-horizon-faq__column{
    display:grid;
    gap:9px;
    align-content:start;
    min-width:0;
}
.hp-horizon-faq__columns .hp-horizon-faq-item{
    align-self:start;
    min-width:0;
}
@media(max-width:760px){
    .hp-horizon-faq__columns{
        display:flex;
        flex-direction:column;
        gap:9px;
        padding:6px 12px 13px;
    }
    .hp-horizon-faq__column{display:contents}
    .hp-horizon-faq__columns .hp-horizon-faq-item{order:var(--hp-faq-order)}
}

/* Hubbo Prime v38.4.38 — Summit release cleanup */
.hp-footer-prime {
    position: relative;
    z-index: 2;
    margin-top: 36px;
    color: #c7d1c5;
    background:
        radial-gradient(circle at 80% 0%, rgba(142, 219, 50, .08), transparent 28%),
        linear-gradient(180deg, rgba(7, 11, 8, .97), rgba(3, 5, 4, 1));
    border-top: 1px solid rgba(142, 219, 50, .16);
    box-shadow: 0 -22px 70px rgba(0, 0, 0, .38);
}

.hp-footer-prime__inner,
.hp-footer-prime__bottom {
    width: min(100% - 54px, 1460px);
    margin-inline: auto;
}

.hp-footer-prime__inner {
    min-height: 124px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.hp-footer-prime__brand {
    display: flex;
    align-items: center;
    gap: 16px;
}

.hp-footer-prime__brand img {
    width: 112px;
    height: auto;
}

.hp-footer-prime__brand strong {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 950;
}

.hp-footer-prime__brand span {
    display: block;
    margin-top: 4px;
    color: #8f9b8c;
    font-size: 13px;
}

.hp-footer-prime__release {
    min-width: 250px;
    padding: 15px 17px;
    color: inherit;
    text-align: left;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(142, 219, 50, .08), rgba(255, 255, 255, .025));
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.hp-footer-prime__release:hover {
    color: inherit;
    border-color: rgba(142, 219, 50, .3);
    background: linear-gradient(135deg, rgba(142, 219, 50, .13), rgba(255, 255, 255, .04));
    transform: translateY(-2px);
}

.hp-footer-prime__release-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8edb32;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.hp-footer-prime__release-label i {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #8edb32;
    box-shadow: 0 0 12px rgba(142, 219, 50, .7);
}

.hp-footer-prime__release-main {
    display: flex;
    align-items: baseline;
    gap: 9px;
    margin-top: 7px;
}

.hp-footer-prime__release-main strong {
    color: #fff;
    font-size: 17px;
    font-weight: 950;
}

.hp-footer-prime__release-main em {
    color: #c7d1c5;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
}

.hp-footer-prime__release small {
    display: block;
    margin-top: 5px;
    color: #7d897b;
    font-size: 11px;
    font-weight: 750;
}

.hp-footer-prime__bottom {
    padding: 0 0 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: #788475;
    font-size: 12px;
    font-weight: 750;
}

.hp-footer-prime__bottom nav {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.hp-footer-prime__bottom a {
    padding: 7px 9px;
    color: #98a393;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 9px;
}

.hp-footer-prime__bottom a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .045);
}

.hp-changelog-hero__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.hp-changelog-hero__facts span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 12px;
    color: #8f9b8c;
    font-size: 11px;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 999px;
    background: rgba(0, 0, 0, .14);
}

.hp-changelog-hero__facts strong {
    color: #fff;
    font-size: 12px;
}

.hp-changelog-current p {
    margin: 14px 0 0;
    color: #98a393;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 650;
}

.hp-changelog-reset {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    color: #baff5a;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    border: 1px solid rgba(142, 219, 50, .18);
    border-radius: 14px;
    background: rgba(142, 219, 50, .06);
}

.hp-changelog-reset:hover {
    color: #fff;
    border-color: rgba(142, 219, 50, .32);
    background: rgba(142, 219, 50, .1);
}

.hp-changelog-filter-name {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.hp-changelog-filter-name i {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    color: #8edb32;
    font-size: 12px;
    font-style: normal;
    border: 1px solid rgba(142, 219, 50, .13);
    border-radius: 8px;
    background: rgba(142, 219, 50, .06);
}

.hp-release-card.is-current {
    border-color: rgba(142, 219, 50, .22);
    box-shadow: 0 24px 90px rgba(0, 0, 0, .38), 0 0 0 1px rgba(142, 219, 50, .04) inset;
}

.hp-release-entry.is-new .hp-release-entry__badge,
.hp-release-entry.is-feature .hp-release-entry__badge {
    color: #baff5a;
    background: rgba(142, 219, 50, .1);
    border-color: rgba(142, 219, 50, .2);
}

.hp-release-entry.is-design .hp-release-entry__badge {
    color: #d9b5ff;
    background: rgba(180, 100, 255, .11);
    border-color: rgba(180, 100, 255, .22);
}

.hp-release-entry.is-fix .hp-release-entry__badge {
    color: #9ff0b5;
    background: rgba(73, 194, 113, .1);
    border-color: rgba(73, 194, 113, .2);
}

.hp-changelog-empty a {
    display: inline-flex;
    margin-top: 15px;
    color: #baff5a;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 820px) {
    .hp-footer-prime__inner,
    .hp-footer-prime__bottom {
        width: min(100% - 28px, 680px);
    }

    .hp-footer-prime__inner {
        flex-direction: column;
        align-items: stretch;
        padding: 27px 0 22px;
    }

    .hp-footer-prime__release {
        min-width: 0;
    }

    .hp-footer-prime__bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* Hubbo Prime v38.5.15 – Index/Register layout hotfix */
.hp-home{
    padding-bottom:18px;
}
.hp-dashboard-grid{
    align-items:start;
}
.hp-dashboard-grid > .hp-news,
.hp-dashboard-grid > .hp-status{
    align-self:start;
}
.hp-status-bottom-grid--single{
    grid-template-columns:1fr;
}
.hp-auth-page{
    min-height:auto;
    padding-top:132px;
    padding-bottom:24px;
}
.hp-auth-layout{
    align-items:start;
}
.hp-auth-lower-grid{
    margin-top:22px;
}
@media (max-width:1180px){
    .hp-auth-page{padding-top:116px;}
}
@media (max-width:680px){
    .hp-home{padding-bottom:14px;}
    .hp-auth-page{padding-top:100px;padding-bottom:18px;}
}

/* Hubbo Prime v39.2.2.1 — Frontier navigator scroll reliability */
.hp-navbar.is-scrolled .hp-navbar__inner{
    background:
        linear-gradient(180deg,rgba(8,13,10,.985),rgba(4,8,6,.975));
    border-color:rgba(142,219,50,.20);
    box-shadow:
        0 22px 72px rgba(0,0,0,.62),
        0 0 46px rgba(142,219,50,.055),
        inset 0 1px rgba(255,255,255,.055);
    backdrop-filter:blur(32px) saturate(118%);
    -webkit-backdrop-filter:blur(32px) saturate(118%);
}
.hp-navbar.is-scrolled .hp-navbar__inner::before{
    opacity:.42;
}
@media(min-width:1181px){
    .hp-mobile-toggle{
        display:none!important;
    }
}