html{scroll-behavior:smooth}
body{
margin:0;
background:#02040a;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
}
body.modal-open{overflow:hidden}
.nav-logo-img{
object-fit:contain;
background:#02040a;
padding:3px;
}
.hero-bg{
position:relative;
overflow:hidden;
background:
linear-gradient(90deg,rgba(0,0,0,.88),rgba(3,10,22,.72),rgba(0,0,0,.88)),
linear-gradient(135deg,rgba(0,213,255,.18),rgba(255,190,55,.08),rgba(0,0,0,.65)),
url("images/ff-wallpaper.jpg");
background-size:cover;
background-position:center;
}
.hero-bg::before{
content:"";
position:absolute;
inset:-30%;
background:
radial-gradient(circle at 48% 42%,rgba(0,225,255,.20),transparent 25%),
radial-gradient(circle at 76% 38%,rgba(255,201,64,.13),transparent 20%);
filter:blur(28px);
opacity:.9;
pointer-events:none;
}
.hero-bg::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.78) 100%);
pointer-events:none;
}
.nav-shell{
background:rgba(0,0,0,.86);
backdrop-filter:blur(18px);
}
#nextMatchBadge{
max-width:150px;
white-space:normal;
text-align:center;
line-height:1.15;
}
.hero-title-logo{display:none}
.panel{
background:linear-gradient(145deg,rgba(14,18,30,.92),rgba(0,0,0,.88));
border:1px solid rgba(39,213,240,.28);
box-shadow:0 0 0 1px rgba(255,255,255,.03),0 18px 60px rgba(0,0,0,.45);
}
.laga-logo-wrap{
position:relative;
display:grid;
place-items:center;
min-height:290px;
}
.laga-logo-wrap::before{
content:"";
position:absolute;
width:78%;
aspect-ratio:1;
border-radius:50%;
background:radial-gradient(circle,rgba(0,232,255,.35),rgba(255,198,57,.22) 34%,transparent 68%);
filter:blur(18px);
animation:logoPulse 3s ease-in-out infinite;
}
.laga-logo-wrap img{
position:relative;
width:min(82%,360px);
filter:drop-shadow(0 0 28px rgba(0,232,255,.28)) drop-shadow(0 22px 35px rgba(0,0,0,.75));
}
@keyframes logoPulse{
0%,100%{transform:scale(.95);opacity:.58}
50%{transform:scale(1.05);opacity:1}
}
.info-card{
position:relative;
overflow:hidden;
background:#030506;
border:1px solid rgba(63,63,70,.75);
transition:.22s ease;
}
.info-card:hover{
border-color:#22d3ee;
transform:translateY(-2px);
background:rgba(8,31,38,.72);
}
.electric-card{
position:relative;
overflow:hidden;
border:1px solid rgba(34,211,238,.45);
}
.electric-card::before{
content:"";
position:absolute;
inset:-2px;
background:linear-gradient(90deg,transparent,#22d3ee,transparent,#facc15,transparent);
transform:translateX(-105%);
opacity:.72;
animation:electricSweep 3.5s linear infinite;
}
.electric-card>*{position:relative;z-index:1}
@keyframes electricSweep{
0%{transform:translateX(-105%)}
55%,100%{transform:translateX(105%)}
}
.electric-action{
position:relative;
overflow:hidden;
}
.electric-action::before{
content:"";
position:absolute;
inset:-2px;
background:linear-gradient(90deg,transparent,#22d3ee,transparent,#facc15,transparent);
transform:translateX(-105%);
opacity:.72;
animation:electricSweep 3.5s linear infinite;
}
.electric-action>*{position:relative;z-index:1}
.stat-box{
background:rgba(0,0,0,.72);
border:1px solid rgba(63,63,70,.75);
}
.match-logo{
width:58px;
height:58px;
border-radius:999px;
object-fit:contain;
background:rgba(0,18,26,.76);
border:1px solid rgba(34,211,238,.5);
padding:8px;
}
.next-match-list{
display:grid;
gap:9px;
margin-top:16px;
}
.next-mini-match{
display:grid;
grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);
align-items:center;
gap:8px;
min-height:72px;
padding:10px;
background:rgba(0,0,0,.48);
border:1px solid rgba(63,63,70,.72);
border-radius:10px;
}
.next-mini-empty{
border-color:rgba(34,211,238,.36);
background:linear-gradient(135deg,rgba(8,30,40,.58),rgba(0,0,0,.64));
opacity:.92;
}
.next-mini-empty .next-mini-logo{
filter:grayscale(.35) opacity(.72);
}
.next-mini-empty .compact-team-name{
color:#a1a1aa;
font-size:18px;
line-height:1;
}
.next-mini-empty .next-mini-vs span{
color:#a1a1aa;
font-size:9px;
letter-spacing:.12em;
}
.next-mini-team{
display:grid;
justify-items:center;
gap:5px;
min-width:0;
text-align:center;
}
.next-mini-logo{
width:36px;
height:36px;
border-radius:999px;
object-fit:contain;
background:rgba(0,18,26,.76);
border:1px solid rgba(34,211,238,.45);
padding:4px;
}
.next-mini-vs{
display:grid;
justify-items:center;
gap:2px;
text-align:center;
}
.next-mini-vs p{
color:#22d3ee;
font-size:23px;
line-height:1;
font-weight:900;
}
.next-mini-vs span{
color:#facc15;
font-size:10px;
font-weight:900;
white-space:nowrap;
}
.compact-team-name{
width:100%;
max-width:92px;
min-height:28px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
overflow-wrap:anywhere;
text-align:center;
font-size:clamp(10px,2.7vw,12px);
line-height:1.15;
font-weight:900;
}
.rule-card{
background:linear-gradient(145deg,rgba(10,14,23,.92),rgba(0,0,0,.92));
border:1px solid rgba(63,63,70,.72);
}
.schedule-card{
background:linear-gradient(145deg,rgba(8,13,24,.96),rgba(0,0,0,.92));
border:1px solid rgba(34,211,238,.35);
box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.match-row{
display:grid;
grid-template-columns:86px 1fr auto 1fr;
gap:12px;
align-items:center;
background:rgba(0,0,0,.58);
border:1px solid rgba(63,63,70,.72);
border-radius:10px;
padding:14px;
}
.match-row+.match-row{margin-top:10px}
.team-name{font-weight:900;line-height:1.15}
.vs-mark{color:#22d3ee;font-weight:900;letter-spacing:.12em}
.schedule-match-card{
display:grid;
grid-template-columns:1fr auto 1fr;
align-items:center;
gap:16px;
margin-top:12px;
padding:16px;
background:rgba(0,0,0,.58);
border:1px solid rgba(63,63,70,.72);
border-radius:10px;
}
.schedule-team{
display:grid;
justify-items:center;
gap:10px;
text-align:center;
min-width:0;
}
.schedule-team-logo{
width:72px;
height:72px;
border-radius:999px;
object-fit:contain;
background:rgba(0,18,26,.76);
border:1px solid rgba(34,211,238,.5);
padding:8px;
box-shadow:0 0 22px rgba(34,211,238,.16);
}
.schedule-team .team-name{
width:100%;
font-size:15px;
overflow-wrap:anywhere;
}
.schedule-vs{
min-width:74px;
text-align:center;
}
.data-pill{
display:inline-flex;
align-items:center;
gap:8px;
border:1px solid rgba(34,211,238,.35);
border-radius:999px;
padding:6px 10px;
background:rgba(0,0,0,.55);
font-size:12px;
font-weight:900;
color:#a5f3fc;
}
.tier-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.tier-search-wrap{
margin-bottom:14px;
}
.tier-search-input{
width:100%;
border:1px solid rgba(34,211,238,.42);
background:rgba(0,0,0,.58);
border-radius:10px;
padding:12px 14px;
color:#fff;
font-weight:900;
outline:none;
box-shadow:0 0 22px rgba(34,211,238,.08);
}
.tier-search-input::placeholder{
color:#67e8f9;
opacity:.72;
}
.tier-search-input:focus{
border-color:#22d3ee;
box-shadow:0 0 0 3px rgba(34,211,238,.12);
}
.tier-card{
position:relative;
overflow:hidden;
background:
linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.82)),
radial-gradient(circle at 72% 14%,rgba(34,211,238,.24),transparent 22%),
linear-gradient(135deg,#031827 0%,#075985 38%,#050505 100%);
border:1px solid rgba(34,211,238,.46);
border-radius:10px;
padding:18px;
box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.tier-card::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.10) 36%,transparent 41%),
radial-gradient(circle at 18% 20%,rgba(125,211,252,.16),transparent 20%),
radial-gradient(circle at 82% 70%,rgba(34,211,238,.18),transparent 24%);
pointer-events:none;
}
.tier-card>*{position:relative;z-index:1}
.tier-s-plus{
grid-column:1/-1;
border-color:rgba(250,204,21,.5);
}
.tier-no-tier{
grid-column:1/-1;
}
.tier-label{
color:#67e8f9;
font-size:13px;
font-weight:900;
letter-spacing:.22em;
}
.tier-s-plus .tier-label{color:#facc15}
.tier-team-list{
display:grid;
gap:9px;
margin-top:16px;
}
.tier-team{
position:relative;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:10px;
min-height:50px;
padding:9px 10px;
overflow:hidden;
background:
linear-gradient(135deg,rgba(34,211,238,.12),transparent 34%,rgba(14,116,144,.10)),
linear-gradient(180deg,rgba(4,24,39,.98),rgba(0,4,12,.96));
border:1px solid rgba(34,211,238,.56);
border-radius:6px;
box-shadow:
inset 0 1px 0 rgba(125,211,252,.38),
inset 0 -1px 0 rgba(8,47,73,.95),
0 0 18px rgba(34,211,238,.10);
clip-path:polygon(12px 0,calc(100% - 18px) 0,100% 14px,100% calc(100% - 8px),calc(100% - 10px) 100%,0 100%,0 12px);
}
.tier-team::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(90deg,transparent 0 38%,rgba(125,211,252,.86) 48%,rgba(125,211,252,.86) 52%,transparent 62%) top/100% 2px no-repeat,
linear-gradient(90deg,rgba(34,211,238,.72),transparent 20%,transparent 80%,rgba(34,211,238,.72)) bottom/100% 1px no-repeat;
pointer-events:none;
}
.tier-team::after{
content:"";
position:absolute;
top:-18px;
right:-36px;
width:120px;
height:90px;
background:linear-gradient(135deg,transparent,rgba(255,255,255,.12),transparent);
transform:rotate(12deg);
pointer-events:none;
}
.tier-team>*{position:relative;z-index:1}
.tier-team>span{
display:grid;
place-items:center;
width:30px;
height:30px;
border-radius:999px;
background:rgba(34,211,238,.16);
border:1px solid rgba(34,211,238,.45);
color:#a5f3fc;
font-size:11px;
font-weight:900;
}
.tier-team-name{
min-width:0;
font-weight:900;
line-height:1.2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.tier-meta{
display:flex;
align-items:center;
justify-content:flex-end;
gap:5px;
min-width:0;
flex-wrap:nowrap;
}
.tier-chip{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:5px 8px;
border:1px solid rgba(34,211,238,.30);
border-radius:999px;
background:linear-gradient(180deg,rgba(8,47,73,.96),rgba(3,7,18,.96));
color:#a5f3fc;
font-size:10px;
line-height:1;
font-weight:900;
white-space:nowrap;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px rgba(34,211,238,.08);
}
.tier-win{
border-color:rgba(34,197,94,.48);
color:#bbf7d0;
background:linear-gradient(180deg,rgba(20,83,45,.95),rgba(3,7,18,.96));
box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 14px rgba(34,197,94,.10);
}
.tier-lose{
border-color:rgba(248,113,113,.48);
color:#fecaca;
background:linear-gradient(180deg,rgba(127,29,29,.92),rgba(3,7,18,.96));
box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 14px rgba(248,113,113,.10);
}
.tier-badge{
max-width:54px;
overflow:hidden;
text-overflow:ellipsis;
color:#fff;
border-color:rgba(34,211,238,.56);
background:linear-gradient(180deg,rgba(14,116,144,.92),rgba(8,47,73,.95));
}
.tier-empty{
padding:12px;
border:1px dashed rgba(63,63,70,.72);
border-radius:8px;
color:#71717a;
font-size:14px;
font-weight:800;
}
.history-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.history-card,
.history-poster{
overflow:hidden;
background:linear-gradient(145deg,rgba(8,13,24,.96),rgba(0,0,0,.92));
border:1px solid rgba(34,211,238,.32);
border-radius:10px;
box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.history-poster{
position:relative;
padding:18px;
background:
linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.86)),
radial-gradient(circle at 52% 20%,rgba(250,204,21,.32),transparent 24%),
linear-gradient(135deg,#351106 0%,#9a3a0a 34%,#150703 100%);
border-color:rgba(249,115,22,.62);
}
.history-poster::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(110deg,transparent 0 26%,rgba(255,255,255,.16) 27%,transparent 31%),
radial-gradient(circle at 20% 22%,rgba(255,226,90,.24),transparent 14%),
radial-gradient(circle at 80% 52%,rgba(249,115,22,.22),transparent 18%);
pointer-events:none;
}
.history-poster>*{position:relative;z-index:1}
.history-poster-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding-bottom:14px;
border-bottom:2px solid rgba(255,255,255,.55);
}
.history-game{
color:#fff;
font-size:14px;
font-style:italic;
font-weight:900;
letter-spacing:.08em;
}
.history-poster-head h3{
font-size:clamp(34px,4.5vw,54px);
line-height:.85;
font-style:italic;
font-weight:900;
color:#fb923c;
text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 16px rgba(250,204,21,.35);
}
.history-poster-head span{
padding:6px 10px;
background:rgba(0,0,0,.62);
border:1px solid rgba(249,115,22,.72);
border-radius:8px;
color:#fff;
font-weight:900;
white-space:nowrap;
}
.history-result-list{
display:grid;
gap:12px;
margin-top:16px;
}
.history-result-row{
display:grid;
grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr);
align-items:center;
gap:10px;
padding:10px;
background:linear-gradient(90deg,rgba(249,115,22,.9),rgba(0,0,0,.94) 28%,rgba(0,0,0,.94) 72%,rgba(249,115,22,.9));
border:1px solid rgba(255,255,255,.18);
box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.history-result-team{
display:flex;
align-items:center;
gap:9px;
min-width:0;
}
.history-result-team.right{
justify-content:flex-end;
text-align:right;
}
.history-result-team img{
width:52px;
height:52px;
object-fit:contain;
flex:0 0 auto;
filter:drop-shadow(0 8px 10px rgba(0,0,0,.5));
}
.history-result-team span{
display:block;
color:#fff;
font-size:10px;
font-style:italic;
font-weight:900;
letter-spacing:.06em;
}
.history-result-team p{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
overflow-wrap:anywhere;
color:#fff;
font-size:13px;
line-height:1.05;
font-weight:900;
}
.history-score{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
background:#050505;
padding:8px 10px;
min-height:58px;
}
.history-score strong{
color:#fff;
font-size:44px;
line-height:1;
font-weight:900;
}
.history-score em{
color:#fff;
font-style:normal;
font-size:28px;
opacity:.82;
}
.history-poster-foot{
margin-top:16px;
text-align:center;
}
.history-poster-foot p{
color:#fb923c;
font-size:28px;
line-height:1;
font-style:italic;
font-weight:900;
text-shadow:0 2px 0 rgba(0,0,0,.65);
}
.history-poster-foot span{
display:block;
margin-top:4px;
color:#fff;
font-size:16px;
font-weight:900;
}
.history-image-wrap{
position:relative;
background:#02040a;
min-height:220px;
display:grid;
place-items:center;
}
.history-image{
display:block;
width:100%;
height:auto;
object-fit:contain;
}
.history-broken,
.history-empty{
display:none;
padding:18px;
color:#71717a;
font-weight:900;
text-align:center;
}
.history-card.is-broken .history-image{display:none}
.history-card.is-broken .history-broken{display:block}
.history-empty{display:block}
.form-input{
width:100%;
border:1px solid rgba(63,63,70,.85);
background:rgba(0,0,0,.72);
border-radius:10px;
padding:14px 16px;
font-weight:800;
outline:none;
transition:.18s ease;
}
.form-input:focus{
border-color:#22d3ee;
box-shadow:0 0 0 3px rgba(34,211,238,.12);
}
.payment-card{
background:linear-gradient(145deg,rgba(7,12,24,.96),rgba(0,0,0,.92));
border:1px solid rgba(34,211,238,.38);
}
.qr-box{
background:#fff;
border-radius:14px;
padding:10px;
}
.qr-box img{
width:100%;
max-height:430px;
object-fit:contain;
display:block;
}
.modal-view{
position:fixed;
inset:0;
z-index:100;
display:none;
padding:18px;
}
.modal-view.is-open{
display:block;
}
.modal-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.78);
backdrop-filter:blur(10px);
}
.modal-panel{
position:relative;
z-index:1;
max-width:1180px;
height:calc(100dvh - 36px);
margin:0 auto;
overflow-y:auto;
background:linear-gradient(145deg,rgba(8,13,24,.98),rgba(0,0,0,.96));
border:1px solid rgba(34,211,238,.36);
border-radius:10px;
box-shadow:0 26px 90px rgba(0,0,0,.72);
}
.modal-close{
position:sticky;
top:12px;
right:12px;
z-index:5;
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
margin:12px 12px -54px auto;
border:1px solid rgba(34,211,238,.55);
border-radius:10px;
background:#02040a;
color:#a5f3fc;
font-weight:900;
box-shadow:0 0 22px rgba(34,211,238,.18);
}
.join-actions a{
flex:1 1 0;
white-space:nowrap;
}
@media(max-width:768px){
.hero-bg>.relative{padding-top:34px;padding-bottom:36px}
.hero-title-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.hero-title-row h1{
font-size:38px;
line-height:.92;
margin-top:16px;
}
.hero-title-row p{
letter-spacing:.24em;
font-size:10px;
}
.hero-title-logo{
display:block;
width:108px;
max-height:124px;
object-fit:contain;
filter:drop-shadow(0 0 22px rgba(0,232,255,.28)) drop-shadow(0 16px 24px rgba(0,0,0,.65));
}
.hero-actions{
flex-direction:row!important;
gap:8px;
}
.hero-actions button,
.hero-actions a{
flex:1 1 0;
padding:12px 10px;
font-size:13px;
white-space:nowrap;
}
.mobile-nav-actions a,
.mobile-nav-actions button{
padding:9px 10px;
font-size:11px;
line-height:1;
}
.mobile-nav-actions{
gap:6px;
}
.hero-side{
gap:10px;
}
.hero-side .panel{
padding:14px!important;
}
.hero-side .panel .mt-5{
margin-top:12px!important;
}
.hero-side .panel .grid{
gap:8px!important;
}
.hero-side .stat-box{
padding:10px!important;
}
.hero-side .panel p{
font-size:11px;
}
.hero-side .panel .text-4xl{
font-size:28px;
line-height:1;
}
.hero-side .panel .text-sm{
font-size:11px;
}
.hero-side .panel .rounded-full{
font-size:10px;
padding:4px 9px;
}
.quick-actions{
grid-template-columns:repeat(2,minmax(0,1fr));
margin-top:18px!important;
gap:8px!important;
}
.secondary-actions{
grid-template-columns:repeat(2,minmax(0,1fr));
margin-top:8px!important;
gap:8px!important;
}
.quick-actions .info-card,
.secondary-actions .electric-card{
padding:12px!important;
min-height:74px;
}
.quick-actions .info-card p:first-child,
.secondary-actions .electric-card p:first-child{
font-size:10px;
letter-spacing:.16em;
}
.quick-actions .info-card .text-2xl,
.secondary-actions .electric-card .text-xl{
font-size:18px;
line-height:1.05;
margin-top:8px!important;
}
.quick-actions .info-card .text-sm{
font-size:11px;
margin-top:4px!important;
line-height:1.2;
}
.laga-logo-wrap{min-height:180px}
.hero-copy+.laga-logo-wrap{display:none}
.laga-logo-wrap img{
width:210px;
object-fit:contain;
}
.match-row{grid-template-columns:1fr;text-align:left}
.vs-mark{letter-spacing:.2em}
.schedule-match-card{
grid-template-columns:1fr auto 1fr;
gap:8px;
padding:12px 10px;
}
.schedule-team-logo{
width:54px;
height:54px;
padding:6px;
}
.schedule-team .team-name{
font-size:12px;
}
.schedule-vs{
min-width:48px;
}
.schedule-vs .text-4xl{
font-size:26px;
line-height:1;
}
.schedule-vs .text-xs{
font-size:10px;
}
.next-mini-match{
grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);
gap:6px;
padding:9px 8px;
}
.next-mini-logo{
width:34px;
height:34px;
}
.compact-team-name{
max-width:86px;
font-size:11px;
}
.tier-grid{grid-template-columns:1fr}
.tier-search-input{
padding:10px 12px;
font-size:13px;
}
.tier-card{padding:15px}
.tier-team{
grid-template-columns:auto minmax(0,1fr) auto;
min-height:42px;
gap:6px;
padding:8px;
}
.tier-meta{
grid-column:auto;
justify-content:flex-end;
gap:4px;
margin-top:0;
}
.tier-team-name{
font-size:12px;
}
.tier-chip{
min-height:22px;
padding:4px 6px;
font-size:9px;
border-radius:999px;
}
.tier-badge{max-width:42px}
.history-grid{grid-template-columns:1fr}
.history-image-wrap{min-height:180px}
.history-poster{padding:12px}
.history-result-row{
grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);
gap:6px;
padding:8px;
}
.history-result-team{
display:grid;
justify-items:center;
gap:5px;
text-align:center;
}
.history-result-team.right{
justify-content:initial;
text-align:center;
}
.history-result-team.right img{order:-1}
.history-result-team img{
width:38px;
height:38px;
}
.history-result-team span{font-size:8px}
.history-result-team p{font-size:10px}
.history-score{
gap:7px;
min-height:48px;
padding:6px;
}
.history-score strong{font-size:32px}
.history-score em{font-size:20px}
.history-poster-head h3{font-size:32px}
.history-poster-head span{font-size:11px}
.history-poster-foot p{font-size:22px}
.history-poster-foot span{font-size:13px}
.modal-view{padding:0}
.modal-panel{
height:100dvh;
border-radius:0;
border-left:0;
border-right:0;
}
.modal-panel>.max-w-7xl{
padding:64px 18px 28px;
}
.modal-close{
top:10px;
margin:10px 10px -54px auto;
}
.join-actions{
gap:8px;
}
.join-actions a{
padding:12px 10px;
font-size:12px;
}
.join-section{
padding-top:28px!important;
padding-bottom:28px!important;
}
.join-card{
padding:16px!important;
gap:12px!important;
}
.join-card .text-2xl{
font-size:22px;
line-height:1;
}
.join-card p.mt-2{
font-size:13px;
line-height:1.35;
margin-top:6px!important;
}
.join-card .join-actions a{
padding:10px 8px;
font-size:11px;
}
}