@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#08090b;
  --bg2:#0d0f12;
  --panel:#111318;
  --panel2:#17191f;
  --soft:#20232b;
  --line:#282c35;
  --text:#f7f8fa;
  --muted:#969ca9;
  --accent:#ff6a1a;
  --accent2:#ffb145;
  --danger:#ff365e;
  --green:#2bd576;
  --shadow:0 18px 60px rgba(0,0,0,.38);
  --top:62px;
  --side:250px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
body{overflow-x:hidden}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
.hidden{display:none!important}
.noscript{padding:16px;background:#5b1e00;color:#fff;text-align:center}
.topbar{
 position:fixed;z-index:50;left:0;right:0;top:0;height:var(--top);
 display:flex;align-items:center;gap:16px;padding:0 18px;background:rgba(8,9,11,.88);
 border-bottom:1px solid var(--line);backdrop-filter:blur(22px)
}
.brand{display:flex;align-items:center;gap:10px;background:none;border:0;color:#fff;padding:0}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:1000;color:#1b0b00;box-shadow:0 0 30px rgba(255,106,26,.18)}
.brand-copy{display:flex;align-items:baseline;gap:4px;font-size:17px;letter-spacing:-.7px}
.brand-copy b{font-weight:900}.brand-copy em{font-style:normal;font-weight:900;color:var(--accent)}
.top-nav{display:flex;gap:4px}
.top-nav button,.icon-btn{border:0;background:none;color:#daddE4;font-weight:700;padding:10px;border-radius:10px}
.top-nav button:hover,.icon-btn:hover{background:var(--soft);color:#fff}
.searchbar{margin:auto;position:relative;display:flex;width:min(560px,45vw)}
.searchbar input{width:100%;background:#16181d;border:1px solid #30343d;border-radius:12px 0 0 12px;color:#fff;padding:11px 14px;outline:none}
.searchbar input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,106,26,.16)}
.searchbar>button{width:48px;border:1px solid #30343d;border-left:0;background:#20232a;color:#fff;border-radius:0 12px 12px 0;font-size:22px}
.search-suggest{position:absolute;top:48px;left:0;right:48px;background:#15171c;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.suggest-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;width:100%;background:transparent;color:#fff;text-align:left}
.suggest-item:hover{background:#20232a}
.top-actions{display:flex;align-items:center;gap:8px}
.support-btn,.profile-pill{border:0;border-radius:10px;padding:9px 12px;font-weight:800}
.support-btn{background:#fff;color:#111}
.profile-pill{background:#20232a;color:#fff;display:flex;align-items:center;gap:8px}
.mini-avatar,.avatar,.profile-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#2a2e36}
.mini-avatar{width:24px;height:24px;font-size:14px}
.sidebar{
 position:fixed;z-index:30;top:var(--top);bottom:0;left:0;width:var(--side);
 border-right:1px solid var(--line);background:#0d0f12;padding:14px 9px;overflow:auto;transition:.25s
}
body.side-collapsed .sidebar{width:62px}
body.side-collapsed{--side:62px}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:8px;color:#b4b8c3;font-size:12px;font-weight:900;letter-spacing:.5px}
.sidebar-head button{border:0;background:none;color:#d7dae2;font-size:20px}
.sidebar-head.compact{margin-top:2px}
.sidebar-list{display:flex;flex-direction:column;gap:3px}
.side-ant{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:7px;border-radius:9px;border:0;background:transparent;color:#fff;text-align:left}
.side-ant:hover{background:#181b20}
.side-ant .avatar{width:34px;height:34px}
.side-meta{min-width:0}
.side-meta b,.side-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-meta b{font-size:13px}.side-meta span{font-size:11px;color:var(--muted);margin-top:2px}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);display:inline-block;margin-right:5px}
.viewer-mini{font-size:11px;color:#d6d9e0;white-space:nowrap}
.sidebar-separator{height:1px;background:var(--line);margin:12px 8px}
.sidebar-footer{border:0;background:none;color:var(--accent);font-weight:800;padding:12px;text-align:left}
body.side-collapsed .side-meta,body.side-collapsed .viewer-mini,body.side-collapsed .sidebar-head span,body.side-collapsed .sidebar-footer{display:none}
body.side-collapsed .side-ant{grid-template-columns:38px;justify-content:center}
.main{margin-left:var(--side);padding-top:var(--top);min-height:100vh;transition:.25s}
.page{padding:28px 30px 64px}
.hero{
 position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);
 gap:0;min-height:430px;border-radius:20px;overflow:hidden;background:#111318;border:1px solid #2a2d35;box-shadow:var(--shadow)
}
.hero-player{position:relative;min-height:430px;background:#050506}
.hero-copy{padding:32px;background:linear-gradient(180deg,#17191f,#0e1014);display:flex;flex-direction:column;justify-content:center}
.kicker{color:var(--accent);font-weight:900;font-size:12px;letter-spacing:1.2px}
.hero-copy h1{font-size:34px;line-height:1.05;margin:8px 0 10px;letter-spacing:-1.4px}
.hero-copy p{color:#b9bdc6;line-height:1.6}
.hero-stats{display:flex;gap:18px;margin:16px 0 24px;color:#dfe1e6}
.hero-stats b{font-size:18px}
.primary,.secondary,.follow-btn,.ghost-btn{border:0;border-radius:11px;padding:11px 15px;font-weight:900}
.primary{background:linear-gradient(135deg,var(--accent),#ff8d32);color:#1a0b00}
.primary:hover{filter:brightness(1.08)}
.secondary{background:#252830;color:#fff}
.ghost-btn{background:transparent;color:#fff;border:1px solid var(--line)}
.wide{width:100%}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:34px 0 15px}
.section-head h2{margin:0;font-size:22px;letter-spacing:-.7px}
.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.section-head button{border:0;background:none;color:var(--accent);font-weight:800}
.stream-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}
.stream-card{min-width:0}
.thumb{aspect-ratio:16/9;border-radius:13px;overflow:hidden;position:relative;background:#15171c;border:1px solid #292d35}
.thumb canvas{width:100%;height:100%;display:block}
.thumb:hover .thumb-inner{transform:translate(5px,-5px)}
.thumb-inner{position:absolute;inset:0;transition:.18s}
.badge-live{position:absolute;left:9px;top:9px;background:#e91945;color:#fff;font-size:11px;font-weight:1000;padding:4px 7px;border-radius:5px}
.viewer-badge{position:absolute;left:9px;bottom:8px;background:rgba(0,0,0,.72);padding:4px 7px;border-radius:5px;font-size:11px}
.category-badge{position:absolute;right:9px;bottom:8px;background:rgba(0,0,0,.7);padding:4px 7px;border-radius:5px;font-size:11px;color:#ddd}
.card-info{display:grid;grid-template-columns:40px 1fr auto;gap:10px;margin-top:10px}
.card-info .avatar{width:38px;height:38px}
.card-copy{min-width:0}
.card-copy h3{margin:0;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-copy button{border:0;background:none;color:#a9aebb;padding:0;margin-top:5px}
.card-copy button:hover{color:var(--accent)}
.card-copy p{margin:3px 0;color:#8d939e;font-size:12px}
.tag{display:inline-block;padding:3px 7px;background:#242730;border-radius:8px;font-size:10px;color:#bec2ca;margin-top:5px}
.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.category-card{border:1px solid #282c34;background:linear-gradient(145deg,#17191f,#0e1013);border-radius:15px;padding:18px;min-height:150px;color:#fff;text-align:left;position:relative;overflow:hidden}
.category-card:hover{transform:translateY(-2px);border-color:#3b404b}
.category-icon{font-size:37px}.category-card h3{margin:25px 0 5px;font-size:15px}.category-card p{margin:0;color:var(--muted);font-size:12px}
.category-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,106,26,.08);right:-35px;top:-35px}
.notice{border:1px solid #493423;background:#17120f;border-radius:14px;padding:14px 16px;color:#dfc2aa;margin-bottom:18px;font-size:13px}
.event-banner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:linear-gradient(110deg,#371204,#9e2f00 55%,#ef5d00);border-radius:18px;padding:24px;margin:26px 0;color:#fff;box-shadow:0 15px 50px rgba(255,86,0,.15)}
.event-banner small{font-weight:900;letter-spacing:1px}.event-banner h2{margin:5px 0 4px;font-size:26px}.event-banner p{margin:0;opacity:.9}.event-counter{font-size:28px;font-weight:1000}
.stream-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100vh - var(--top))}
.stream-main{min-width:0;background:#090a0c}
.player-shell{position:relative;background:#000;aspect-ratio:16/9;max-height:calc(100vh - 235px);min-height:360px}
.player-canvas{width:100%;height:100%;display:block}
.player-controls{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.82));display:flex;align-items:center;gap:11px;opacity:.2;transition:.2s}
.player-shell:hover .player-controls{opacity:1}
.player-controls button{border:0;background:none;color:white;font-size:18px}
.player-live{font-size:11px;background:#df1740;border-radius:4px;padding:4px 6px;font-weight:1000}
.volume-wrap{display:flex;align-items:center;gap:6px}.volume-wrap input{width:85px}
.player-spacer{flex:1}.quality{font-size:12px;color:#e1e1e4}
.stream-info{padding:18px 20px 28px;border-bottom:1px solid var(--line)}
.stream-title-row{display:flex;justify-content:space-between;gap:20px}
.stream-info h1{font-size:19px;margin:0 0 7px}
.stream-sub{display:flex;gap:14px;color:#aeb2bb;font-size:13px}
.stream-actions{display:flex;gap:8px}
.follow-btn{background:var(--accent);color:#1b0900}.follow-btn.following{background:#252830;color:#fff}
.channel-row{display:flex;align-items:flex-start;gap:12px;margin-top:18px}
.channel-row .profile-avatar{width:48px;height:48px}
.channel-text h3{margin:2px 0 4px;font-size:15px}.channel-text p{margin:0;color:#9ba0aa;font-size:12px}
.about-box{margin-top:18px;background:#15171b;border:1px solid #252931;border-radius:12px;padding:14px;color:#c8cbd1;font-size:13px;line-height:1.6}
.chat-panel{border-left:1px solid var(--line);background:#101217;display:flex;flex-direction:column;min-height:calc(100vh - var(--top));position:sticky;top:var(--top);height:calc(100vh - var(--top))}
.chat-head{height:48px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);font-weight:900;font-size:13px}
.chat-messages{flex:1;overflow:auto;padding:10px 11px}
.chat-line{font-size:13px;line-height:1.45;margin:8px 0;word-break:break-word}
.chat-line .time{color:#666d78;font-size:10px;margin-right:5px}.chat-line .name{font-weight:900;margin-right:5px}.chat-line.mod{background:#1b2027;border-radius:7px;padding:7px}
.chat-line.dono{background:#3d250f;border-left:3px solid var(--accent2);border-radius:6px;padding:7px}
.chat-compose{border-top:1px solid var(--line);padding:10px}
.chat-userbar{display:flex;align-items:center;justify-content:space-between;color:#8f95a0;font-size:11px;margin-bottom:7px}
.chat-compose form{display:flex;gap:7px}.chat-compose input{flex:1;background:#1b1e24;border:1px solid #30343c;border-radius:9px;color:#fff;padding:9px 10px;outline:none}
.chat-compose input:focus{border-color:var(--accent)}.chat-compose button{border:0;background:var(--accent);font-weight:900;border-radius:9px;padding:0 12px}
.chat-disabled{font-size:12px;color:#9da2ab;background:#17191e;border-radius:8px;padding:9px}
.profile-hero{background:linear-gradient(135deg,#191c22,#101216);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.profile-cover{height:180px;background:radial-gradient(circle at 20% 20%,rgba(255,112,26,.6),transparent 35%),linear-gradient(120deg,#261108,#12151a 55%,#242830)}
.profile-content{padding:0 24px 24px;margin-top:-54px;position:relative}
.profile-top{display:flex;align-items:end;gap:16px}
.profile-top .profile-avatar{width:104px;height:104px;border:5px solid #13151a;font-size:40px}
.profile-title{padding-bottom:8px;flex:1}.profile-title h1{margin:0;font-size:27px}.profile-title p{margin:4px 0 0;color:#aeb3bd}
.profile-bio{margin-top:20px;color:#ced1d7;line-height:1.65;max-width:720px}
.stat-row{display:flex;gap:28px;margin-top:18px}.stat-row div span{display:block;color:#8f95a0;font-size:11px}.stat-row div b{font-size:17px}
.schedule{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:16px}.day{background:#17191f;border:1px solid var(--line);border-radius:10px;padding:10px;min-height:88px}.day b{font-size:11px}.day p{font-size:11px;color:#9ea4ae;margin:8px 0 0}
.empty-state{display:grid;place-items:center;text-align:center;padding:80px 20px;color:#9ca2ad}.empty-state .emoji{font-size:48px}.empty-state h2{color:#fff;margin:12px 0 4px}
.dialog{border:1px solid #343944;background:#121419;color:#fff;border-radius:18px;padding:26px;width:min(480px,calc(100vw - 28px));box-shadow:var(--shadow)}
.dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.dialog-x{position:absolute;right:14px;top:10px;border:0;background:none;color:#aeb3bd;font-size:26px}
.dialog-logo{display:flex;justify-content:center;margin-bottom:12px}.dialog h2{text-align:center;margin:4px 0 8px}.dialog>p{text-align:center;color:#aeb3bd;line-height:1.55}
.dialog label{display:block;color:#c6cad1;font-weight:700;font-size:12px;margin:15px 0}.dialog input,.dialog textarea{display:block;width:100%;margin-top:7px;background:#1a1d23;border:1px solid #30343e;border-radius:9px;color:#fff;padding:10px;outline:none}.dialog textarea{resize:vertical;min-height:74px}
.dialog small{display:block;color:#7f858f;text-align:center;margin-top:14px;line-height:1.5}.avatar-picker{display:flex;gap:8px;flex-wrap:wrap}.avatar-opt{width:38px;height:38px;border-radius:50%;border:2px solid transparent;background:#252932;font-size:19px}.avatar-opt.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,106,26,.12)}
.big-ant{text-align:center;font-size:52px}.donate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.donate-grid a{text-decoration:none;text-align:center;background:#20232a;padding:12px;border-radius:10px;font-weight:800}.donate-dialog code{display:block;background:#090a0c;padding:10px;border-radius:8px;color:#d9a67f;font-size:11px;overflow:auto}
.toast-host{position:fixed;z-index:100;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px}.toast{background:#1d2026;border:1px solid #343842;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;animation:toastin .2s ease}.toast b{color:var(--accent)}
@keyframes toastin{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.viewer-card{display:flex;gap:15px;align-items:center}.viewer-card .profile-avatar{width:70px;height:70px;font-size:28px}.viewer-card h3{margin:0}.viewer-card p{margin:5px 0;color:#a5aab4}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.achievement{padding:10px;border:1px solid var(--line);border-radius:9px;background:#17191f;font-size:12px}.achievement.locked{opacity:.35}
.disclaimer{margin-top:40px;color:#737984;font-size:11px;text-align:center}
@media(max-width:1250px){.stream-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){:root{--side:64px}.sidebar{width:64px}.side-meta,.viewer-mini,.sidebar-head span,.sidebar-footer{display:none}.side-ant{grid-template-columns:38px}.support-btn{display:none}.hero{grid-template-columns:1fr}.hero-copy{display:none}.stream-grid{grid-template-columns:repeat(2,1fr)}.stream-page{grid-template-columns:1fr}.chat-panel{position:relative;top:auto;height:620px;min-height:620px;border-left:0;border-top:1px solid var(--line)}.player-shell{max-height:none}}
@media(max-width:700px){:root{--top:58px;--side:0px}.sidebar{display:none}.top-nav{display:none}.brand-copy{display:none}.searchbar{width:auto;flex:1}.top-actions .icon-btn{display:none}.profile-pill span:last-child{display:none}.page{padding:18px 12px 45px}.hero{min-height:250px}.hero-player{min-height:250px}.stream-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.event-banner{grid-template-columns:1fr}.event-counter{font-size:22px}.player-shell{min-height:230px}.stream-title-row{display:block}.stream-actions{margin-top:12px}.profile-cover{height:120px}.profile-content{padding:0 15px 20px}.schedule{grid-template-columns:repeat(2,1fr)}}

/* Search, creator profiles & admin */
.optional{font-weight:500;color:#777e89}
.admin-quick{border:1px solid #725025;background:#23170d;color:#ffb76a;border-radius:10px;padding:9px 12px;font-weight:900}
.verified-badge{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;border-radius:50%;background:#2f81f7;color:white;font-size:10px;font-weight:1000;vertical-align:1px;box-shadow:0 0 0 2px rgba(47,129,247,.12)}
.search-page-head{margin-bottom:24px}.search-page-head h1{font-size:29px;letter-spacing:-1px;margin:0}.search-page-head p{color:var(--muted);margin:7px 0 0}
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:34px}
.person-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;background:#14161b;border:1px solid var(--line);border-radius:14px;min-width:0}
.person-card.featured{border-color:#70411e;background:linear-gradient(135deg,#1e1510,#12151a);box-shadow:0 0 0 1px rgba(255,106,26,.08) inset}
.person-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:23px;font-weight:1000;background:linear-gradient(135deg,#ff6a1a,#262932)}
.person-copy{min-width:0}.person-copy h3{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-copy p{margin:5px 0 0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.person-card button{border:0;background:#242831;color:#fff;padding:8px 10px;border-radius:9px;font-weight:800}
.creator-cover{background:radial-gradient(circle at 18% 15%,rgba(255,117,32,.78),transparent 29%),radial-gradient(circle at 72% 20%,rgba(47,129,247,.2),transparent 34%),linear-gradient(120deg,#24140c,#11151c 64%,#1e232d)}
.creator-label{display:inline-flex;align-items:center;gap:6px;background:#2b1a0e;color:#ffb66e;border:1px solid #69401e;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;margin-bottom:8px}
.admin-page{max-width:1450px;margin:auto}.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.admin-header h1{margin:0;font-size:30px}.admin-header p{margin:6px 0 0;color:var(--muted)}
.admin-warning{padding:12px 14px;border:1px solid #5b3e1e;background:#1d160f;color:#dfb986;border-radius:11px;font-size:12px;line-height:1.5;margin-bottom:18px}
.admin-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.admin-stat{background:#14161b;border:1px solid var(--line);border-radius:13px;padding:15px}.admin-stat small{display:block;color:#8c939e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.admin-stat b{display:block;font-size:25px;margin-top:6px}.admin-stat span{color:#707782;font-size:10px}
.admin-section{background:#111319;border:1px solid var(--line);border-radius:15px;margin-top:15px;overflow:hidden}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-bottom:1px solid var(--line)}.admin-section-head h2{font-size:16px;margin:0}.admin-section-head input{width:min(360px,45vw);background:#1b1e24;border:1px solid #343843;color:#fff;border-radius:9px;padding:9px 11px}
.admin-table-wrap{overflow:auto;max-height:520px}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{text-align:left;padding:10px 14px;border-bottom:1px solid #22262e;white-space:nowrap}.admin-table th{position:sticky;top:0;background:#17191f;color:#858c97;font-size:10px;text-transform:uppercase;letter-spacing:.5px;z-index:2}.admin-name{display:flex;align-items:center;gap:8px}.tiny-av{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#292d35}.verify-toggle{border:1px solid #36404f;background:#20242b;color:#bfc5cf;border-radius:8px;padding:6px 9px;font-weight:900}.verify-toggle.on{background:#153153;border-color:#2f81f7;color:#7fb4ff}.admin-empty{padding:28px;color:#868d98;text-align:center}
@media(max-width:1250px){.people-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.people-grid{grid-template-columns:1fr}.admin-header{display:block}.admin-header .secondary{margin-top:12px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-section-head{display:block}.admin-section-head input{width:100%;margin-top:10px}.admin-quick{display:none!important}}

.bmc-link {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

.bmc-link img {
  display: block;
  max-width: 100%;
  height: auto;
}

.bank-support-btn {
  width: 100%;
  border: none;
  cursor: pointer;
  font: inherit;
}

.qr-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0;
}

.payment-qr {
  display: block;
  width: 210px;
  height: 210px;
  object-fit: contain;
  background: white;
  padding: 12px;
  border-radius: 20px;
}

.bank-details {
  display: grid;
  gap: 12px;
  margin: 20px 0;
}

.bank-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
}

.bank-row span {
  opacity: 0.55;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.bank-row strong {
  font-size: 17px;
}

.copy-account-btn {
  width: 100%;
  cursor: pointer;
  padding: 12px 18px;
  border-radius: 14px;
  border: none;
  font-weight: 700;
}