:root{--bbb27-bg:#05080d;--bbb27-surface:#0c121b;--bbb27-surface2:#111b29;--bbb27-line:rgba(255,255,255,.1);--bbb27-text:#f7f3e8;--bbb27-muted:#99a6b6;--bbb27-red:#f02b3a;--bbb27-gold:#e8c477;--bbb27-blue:#4cc9ff;--bbb27-green:#50e3a4}
.bbbtp-app-shell{background:radial-gradient(circle at 18% -10%,rgba(240,43,58,.2),transparent 28%),radial-gradient(circle at 95% 15%,rgba(76,201,255,.12),transparent 28%),var(--bbb27-bg)!important;color:var(--bbb27-text)!important}
.bbbtp-app-frame{width:min(1240px,100%);padding:calc(12px + env(safe-area-inset-top)) clamp(14px,3vw,34px) calc(112px + env(safe-area-inset-bottom))}
.bbbtp-app-header{position:relative!important;top:auto!important;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:12px 0!important;background:transparent!important;backdrop-filter:none!important}
.bbbtp-app-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none}.bbbtp-app-brand>img{width:54px;height:54px;border:1px solid rgba(232,196,119,.45);border-radius:17px;object-fit:cover;box-shadow:0 8px 26px rgba(0,0,0,.35)}.bbbtp-app-brand span{display:grid;min-width:0}.bbbtp-app-brand small{color:var(--bbb27-gold);font-size:.62rem;font-weight:950;letter-spacing:.18em}.bbbtp-app-brand strong{margin-top:3px;color:#fff;font-size:clamp(1.25rem,4vw,1.7rem);letter-spacing:-.035em}
.bbbtp-app-actions{display:flex;align-items:center;gap:9px}.bbbtp-app-actions button,.bbbtp-app-profile{min-height:48px;border:1px solid var(--bbb27-line);border-radius:16px;background:rgba(16,24,35,.78);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(18px)}.bbbtp-app-actions button{display:flex;align-items:center;gap:6px;padding:0 13px;font:inherit;cursor:pointer}.bbbtp-app-actions button span{color:var(--bbb27-blue);font-size:1.1rem}.bbbtp-app-actions button b{font-size:.72rem}.bbbtp-app-profile{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;text-decoration:none}.bbbtp-app-profile>img{width:38px;height:38px;border-radius:12px;object-fit:cover}.bbbtp-app-profile span{display:grid}.bbbtp-app-profile small{color:var(--bbb27-muted);font-size:.58rem;font-weight:850;text-transform:uppercase}.bbbtp-app-profile strong{max-width:110px;overflow:hidden;color:#fff;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
.bbbtp-hub-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:540px;margin:0 auto 26px;padding:4px;border:1px solid var(--bbb27-line);border-radius:999px;background:rgba(10,15,23,.78);box-shadow:0 14px 40px rgba(0,0,0,.32)}.bbbtp-hub-switch a{min-height:46px;padding:10px 16px;border-radius:999px;color:var(--bbb27-muted);font-size:.83rem}.bbbtp-hub-switch a.is-active{background:linear-gradient(110deg,#e31e31,#951221);color:#fff;box-shadow:0 7px 24px rgba(224,32,48,.3)}
.bbbtp-app-main{position:relative}.bbbtp-app-shell .bbbtp-portal{max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--bbb27-text);box-shadow:none!important;font-family:inherit}.bbbtp-app-shell .bbbtp-portal__hero{display:none!important}.bbbtp-app-sections{position:relative;z-index:70;margin:0 0 16px;border:1px solid var(--bbb27-line);border-radius:18px;background:rgba(13,20,30,.82);box-shadow:0 12px 34px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.bbbtp-app-sections>summary{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-height:64px;padding:10px 16px;cursor:pointer;list-style:none}.bbbtp-app-sections>summary::-webkit-details-marker{display:none}.bbbtp-app-sections>summary span{display:grid}.bbbtp-app-sections>summary small{color:var(--bbb27-gold);font-size:.55rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.bbbtp-app-sections>summary strong{margin-top:2px;color:#fff;font-size:.85rem}.bbbtp-app-sections>summary>b{justify-self:start;color:var(--bbb27-muted);font-size:.68rem;font-weight:650}.bbbtp-app-sections>summary>i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:var(--bbb27-blue);font-size:1.15rem;font-style:normal;transition:transform .2s ease}.bbbtp-app-sections[open]>summary>i{transform:rotate(45deg)}.bbbtp-app-shell .bbbtp-tabs--app-more{position:absolute;top:calc(100% + 7px);left:0;z-index:90;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin:0;padding:10px;border:1px solid var(--bbb27-line);border-radius:18px;background:rgba(7,11,17,.98);box-shadow:0 24px 70px rgba(0,0,0,.65);backdrop-filter:blur(24px)}.bbbtp-app-shell .bbbtp-tabs--app-more a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111a26;color:#b5c0cd;font-size:.68rem;font-weight:850;text-decoration:none}.bbbtp-app-shell .bbbtp-tabs--app-more a.is-active{border-color:rgba(232,196,119,.48);background:rgba(232,196,119,.11);color:#ffe3a7}.bbbtp-app-shell .bbbtp-panel{padding:0!important;background:transparent!important}
.bbbtp-2027-welcome{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:20px;align-items:end;min-height:280px;margin-bottom:15px;padding:clamp(24px,5vw,56px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:linear-gradient(125deg,rgba(8,12,18,.96) 0%,rgba(18,28,40,.94) 56%,rgba(81,14,24,.93) 100%);box-shadow:0 30px 80px rgba(0,0,0,.42)}.bbbtp-2027-welcome:before{content:"";position:absolute;inset:-30% -10% auto auto;width:420px;aspect-ratio:1;border:1px solid rgba(232,196,119,.2);border-radius:50%;box-shadow:0 0 0 60px rgba(232,196,119,.035),0 0 0 120px rgba(232,196,119,.025)}.bbbtp-2027-welcome>div,.bbbtp-2027-welcome>a{position:relative}.bbbtp-2027-welcome>div>span,.bbbtp-pay-center>header>div>span{display:block;color:var(--bbb27-gold);font-size:.68rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.bbbtp-2027-welcome h2{max-width:690px;margin:8px 0 12px;color:#fff;font-size:clamp(2.1rem,7vw,4.8rem);line-height:.92;letter-spacing:-.065em}.bbbtp-2027-welcome>div>p{max-width:570px;margin:0;color:#b7c0cb;font-size:clamp(.9rem,2vw,1.05rem);line-height:1.6}.bbbtp-2027-welcome>a{display:grid;gap:4px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(4,8,13,.72);color:#fff;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.06)}.bbbtp-2027-welcome>a small{color:var(--bbb27-muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.bbbtp-2027-welcome>a>strong{color:#fff;font-size:clamp(1.8rem,5vw,3rem);letter-spacing:-.06em}.bbbtp-2027-welcome>a b{display:flex;justify-content:space-between;margin-top:9px;color:var(--bbb27-gold);font-size:.75rem}.bbbtp-2027-welcome>a b span{font-size:1.1rem}
.bbbtp-2027-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.bbbtp-2027-quick a{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;min-height:92px;padding:15px;border:1px solid var(--bbb27-line);border-radius:20px;background:linear-gradient(145deg,rgba(18,27,40,.92),rgba(9,14,21,.92));color:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.22)}.bbbtp-2027-quick a>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(76,201,255,.1);color:var(--bbb27-blue);font-size:.68rem;font-weight:950}.bbbtp-2027-quick strong{align-self:end;font-size:.9rem}.bbbtp-2027-quick small{align-self:start;color:var(--bbb27-muted);font-size:.66rem}
.bbbtp-app-shell .bbbtp-summary-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:0 0 15px!important}.bbbtp-app-shell .bbbtp-summary-grid article{min-height:145px!important;padding:22px!important;border:1px solid var(--bbb27-line)!important;border-radius:22px!important;background:linear-gradient(145deg,#101925,#090e15)!important;color:#fff!important;box-shadow:0 14px 36px rgba(0,0,0,.22)!important}.bbbtp-app-shell .bbbtp-summary-grid article span{color:var(--bbb27-muted)!important;font-size:.65rem!important;letter-spacing:.14em}.bbbtp-app-shell .bbbtp-summary-grid article strong{margin:17px 0 8px!important;color:#fff!important;font-size:clamp(1.7rem,5vw,2.5rem)!important}.bbbtp-app-shell .bbbtp-summary-grid article small{color:var(--bbb27-muted)!important}
.bbbtp-app-shell .bbbtp-section{overflow:hidden;border:1px solid var(--bbb27-line)!important;border-radius:26px!important;background:#0a1018!important;color:var(--bbb27-text)!important;box-shadow:0 20px 55px rgba(0,0,0,.3)!important}.bbbtp-app-shell .bbbtp-section__head{padding:22px!important;background:linear-gradient(120deg,#101b28,#15121a)!important;color:#fff!important}.bbbtp-app-shell .bbbtp-section__head h2{color:#fff!important;letter-spacing:-.035em}.bbbtp-app-shell .bbbtp-section__head span{color:var(--bbb27-gold)!important}.bbbtp-app-shell .bbbtp-event-list,.bbbtp-app-shell .bbbtp-table-wrap,.bbbtp-app-shell .bbbtp-empty{background:#fff;color:#10151d}
.bbbtp-pay-center{overflow:hidden;border:1px solid var(--bbb27-line);border-radius:30px;background:#080d14;box-shadow:0 28px 80px rgba(0,0,0,.42)}.bbbtp-pay-center>header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;padding:clamp(25px,5vw,50px);background:radial-gradient(circle at 92% 5%,rgba(240,43,58,.26),transparent 35%),linear-gradient(130deg,#111b29,#080c12)}.bbbtp-pay-center>header h2{margin:8px 0;color:#fff;font-size:clamp(2.5rem,8vw,5rem);line-height:.9;letter-spacing:-.07em}.bbbtp-pay-center>header p{max-width:570px;margin:0;color:var(--bbb27-muted);line-height:1.55}.bbbtp-pay-center>header aside{display:grid;min-width:210px;padding:20px;border:1px solid rgba(232,196,119,.3);border-radius:20px;background:rgba(0,0,0,.28)}.bbbtp-pay-center>header aside small{color:var(--bbb27-gold);font-size:.66rem;font-weight:900;text-transform:uppercase}.bbbtp-pay-center>header aside strong{margin-top:7px;color:#fff;font-size:2.35rem;letter-spacing:-.06em}.bbbtp-pay-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.bbbtp-pay-categories>article{overflow:hidden;border:1px solid var(--bbb27-line);border-radius:22px;background:linear-gradient(145deg,#121c29,#0a1018)}.bbbtp-pay-category__head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:18px}.bbbtp-pay-category__head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(76,201,255,.1);color:var(--bbb27-blue);font-size:.7rem;font-weight:950}.bbbtp-pay-category__head h3{margin:0;color:#fff;font-size:1.05rem}.bbbtp-pay-category__head p{margin:3px 0 0;color:var(--bbb27-muted);font-size:.7rem}.bbbtp-pay-category__head>strong{color:#fff;font-size:1.15rem}.bbbtp-pay-items{border-top:1px solid var(--bbb27-line)}.bbbtp-pay-items>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid rgba(255,255,255,.06)}.bbbtp-pay-items>div:first-child{border-top:0}.bbbtp-pay-items>div>span{display:grid;min-width:0}.bbbtp-pay-items b{overflow:hidden;color:#fff;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.bbbtp-pay-items small{color:var(--bbb27-muted);font-size:.65rem}.bbbtp-pay-items>div>strong{color:#fff;font-size:.86rem}.bbbtp-pay-items a{padding:8px 11px;border-radius:10px;background:var(--bbb27-red);color:#fff;font-size:.68rem;font-weight:900;text-decoration:none}.bbbtp-pay-items em{color:var(--bbb27-green);font-size:.68rem;font-style:normal;font-weight:900;text-transform:uppercase}.bbbtp-pay-empty{margin:0;padding:17px;color:var(--bbb27-muted);font-size:.72rem}.bbbtp-pay-center>footer{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-top:1px solid var(--bbb27-line);color:var(--bbb27-muted);font-size:.7rem}.bbbtp-pay-center>footer a{color:var(--bbb27-gold);font-weight:900;text-decoration:none}
.bbbtp-app-bottom{left:50%;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);width:min(720px,calc(100% - 18px));margin-bottom:max(8px,env(safe-area-inset-bottom));padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(9,14,22,.9);box-shadow:0 20px 70px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px)}.bbbtp-app-bottom a{position:relative;gap:3px;justify-content:center;min-height:58px;padding:6px 2px;border-radius:15px;color:#8593a5;font-size:.61rem;font-weight:850}.bbbtp-app-bottom a>span{display:grid;place-items:center;width:22px;height:22px}.bbbtp-app-bottom svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bbbtp-app-bottom a.is-active{background:rgba(255,255,255,.07);color:#fff}.bbbtp-app-bottom a.is-primary{transform:translateY(-14px)}.bbbtp-app-bottom a.is-primary>span{width:48px;height:48px;margin-top:-7px;border:4px solid #090e16;border-radius:17px;background:linear-gradient(135deg,#f33a48,#a71120);color:#fff;box-shadow:0 10px 26px rgba(240,43,58,.36)}.bbbtp-app-bottom a.is-primary svg{width:23px;height:23px}.bbbtp-app-bottom a.is-primary.is-active>span{background:linear-gradient(135deg,#ff5561,#d91c2c)}
@media(max-width:760px){.bbbtp-app-frame{padding-right:12px;padding-left:12px}.bbbtp-app-brand>img{width:46px;height:46px;border-radius:14px}.bbbtp-app-brand small{font-size:.5rem}.bbbtp-app-brand strong{font-size:1.18rem}.bbbtp-app-actions button{width:42px;padding:0;justify-content:center}.bbbtp-app-actions button b{display:none}.bbbtp-app-profile{width:45px;padding:4px}.bbbtp-app-profile>img{width:35px;height:35px}.bbbtp-app-profile span{display:none}.bbbtp-hub-switch{margin-bottom:14px}.bbbtp-app-sections{margin-bottom:12px}.bbbtp-app-sections>summary{grid-template-columns:1fr auto}.bbbtp-app-sections>summary>b{display:none}.bbbtp-2027-welcome{grid-template-columns:1fr;min-height:0;padding:25px 22px;border-radius:25px}.bbbtp-2027-welcome h2{font-size:2.65rem}.bbbtp-2027-welcome>a{padding:17px}.bbbtp-2027-quick{grid-template-columns:repeat(2,1fr)}.bbbtp-app-shell .bbbtp-summary-grid{grid-template-columns:repeat(2,1fr)!important}.bbbtp-app-shell .bbbtp-summary-grid article:first-child{grid-column:1/-1}.bbbtp-pay-center{border-radius:25px}.bbbtp-pay-center>header{grid-template-columns:1fr;padding:25px 20px}.bbbtp-pay-center>header h2{font-size:3.4rem}.bbbtp-pay-center>header aside{min-width:0}.bbbtp-pay-categories{grid-template-columns:1fr}.bbbtp-pay-center>footer{align-items:flex-start;flex-direction:column}.bbbtp-app-bottom{width:calc(100% - 16px)}}
@media(max-width:390px){.bbbtp-app-brand small{display:none}.bbbtp-2027-quick a{grid-template-columns:1fr;justify-items:center;text-align:center}.bbbtp-2027-quick a>span{grid-row:auto}.bbbtp-pay-category__head{grid-template-columns:auto 1fr}.bbbtp-pay-category__head>strong{grid-column:2}.bbbtp-pay-items>div{grid-template-columns:1fr auto}.bbbtp-pay-items a,.bbbtp-pay-items em{grid-column:2}.bbbtp-app-bottom a{font-size:.55rem}}