*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Poppins,sans-serif;
}
.homepage-support{padding:58px max(32px,calc((100% - 1320px)/2));color:#eff9f3;background:radial-gradient(circle at 7% 20%,rgba(50,209,87,.12),transparent 22rem),#07121d}.support-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.support-section-heading p{margin:0 0 7px;color:#35d9e8;font:11px 'DM Mono',monospace;letter-spacing:1.35px}.support-section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.8px}.support-section-heading a{padding:10px 13px;border:1px solid rgba(53,217,232,.35);border-radius:8px;color:#35d9e8;font-size:.82rem;font-weight:600;text-decoration:none;transition:.2s}.support-section-heading a:hover{color:#07121d;background:#35d9e8;transform:translateY(-2px)}.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.donor-panel,.reward-panel{padding:25px;border:1px solid rgba(150,226,186,.2);border-radius:18px;background:rgba(12,35,44,.92);box-shadow:0 15px 35px rgba(0,0,0,.22)}.reward-panel{border-color:rgba(255,155,54,.35);background:linear-gradient(145deg,rgba(55,38,18,.62),rgba(12,35,44,.96))}.support-panel-title{display:flex;align-items:center;gap:11px;margin-bottom:18px}.support-panel-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#07151e;background:#32d157;font-size:19px}.reward-panel .support-panel-title>span{color:#2b1701;background:#ff9b36}.support-panel-title h3{margin:0;color:#fff;font-size:1.05rem}.support-panel-title p{margin:2px 0 0;color:#9badb0;font-size:.76rem}.donor-table{width:100%;border-collapse:collapse}.donor-table th{padding:9px;color:#35d9e8;text-align:left;background:rgba(50,209,87,.06);font:10px 'DM Mono',monospace;letter-spacing:.6px;text-transform:uppercase}.donor-table td{padding:12px 9px;border-top:1px solid rgba(151,228,191,.1);font-size:.86rem}.donor-table td:first-child{color:#ffb362;font-family:'DM Mono',monospace;font-weight:700}.donor-table td:last-child{color:#baf76d;font-weight:700}.homepage-reward-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.homepage-reward-list li{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid rgba(255,155,54,.15);border-radius:9px;background:rgba(255,155,54,.05);color:#dcece3;font-size:.82rem;line-height:1.45}.homepage-reward-list strong{min-width:49px;padding:4px 6px;border-radius:5px;color:#261400;background:#ffb362;font:700 11px 'DM Mono',monospace;text-align:center}@media(max-width:800px){.homepage-support{padding:42px 20px}.support-section-heading{align-items:start;flex-direction:column}.support-layout{grid-template-columns:1fr}}
.small-card,.button-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.small-card:hover,.button-card:hover{transform:translateY(-5px);box-shadow:0 16px 28px rgba(0,0,0,.28)}.small-card:hover{border:1px solid rgba(53,217,232,.36)}.button-card:not(.green){border:1px solid rgba(255,155,54,.72);background:linear-gradient(135deg,#2a241b,#182a31);box-shadow:0 0 0 1px rgba(255,155,54,.1),0 10px 24px rgba(0,0,0,.2)}.button-card:not(.green):hover{border-color:#ffb362;box-shadow:0 0 22px rgba(255,155,54,.26),0 16px 30px rgba(0,0,0,.28)}.button-card.green:hover{box-shadow:0 0 22px rgba(50,209,87,.28),0 16px 30px rgba(0,0,0,.28)}.button-card a{display:block;width:100%;height:100%;text-align:center}.button-card:not(.green) a{color:#ffd0a2}

body{
    background:#eef2f7;
}

header{

background:#07121d;

padding:20px 70px;

display:flex;

justify-content:space-between;

align-items:center;

}

.logo{

display:flex;

align-items:center;

color:white;

gap:10px;

}

.logo span{

color:#32d157;

}

.logo i{

font-size:35px;

}

nav a{

color:white;

margin-left:30px;

text-decoration:none;

transition:.3s;

}

nav a:hover{

color:#32d157;

}



.hero{
    background:linear-gradient(90deg,rgba(8,19,30,.96) 0%,rgba(8,19,30,.87) 42%,rgba(8,19,30,.66) 100%),url('../images/wallpapers/badminton-neon-court.png') center/cover no-repeat;
    padding:70px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;   /* <-- important */
    gap:50px;
    color:white;
}



.left{

flex:1;

}

.left h1{

font-size:70px;

line-height:75px;

}

.left span{

color:#32d157;

}

.left p{

margin:30px 0;

font-size:20px;

color:#ddd;

}


.right{
    width:560px;

}

.right img{

width:100%;

}

.cards{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-top:40px;

}

.small-card{

background:#142331;

padding:25px;

border-radius:15px;

}

.small-card i{

font-size:35px;

color:#32d157;

margin-bottom:15px;

}

.small-card h2{

font-size:40px;

margin-top:10px;

color:#32d157;

}

.button-card{

display:flex;

align-items:center;

justify-content:center;

background:#142331;

border-radius:15px;

}

.button-card.green{

background:#2fc75d;

}

.button-card.green a{

color:white;

}

.button-card a{

padding:25px;

text-decoration:none;

font-weight:bold;

font-size:18px;

color:white;

}

.content{

display:flex;

gap:30px;

padding:60px;

}

.matches,.leaderboard{

background:white;

padding:25px;

border-radius:20px;

flex:1;

box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.title{

display:flex;

justify-content:space-between;

margin-bottom:20px;

}

.title a{

text-decoration:none;

color:#32d157;

}

.match{

display:flex;

justify-content:space-between;

align-items:center;

padding:15px 0;

border-bottom:1px solid #eee;

}

.score{

font-size:25px;

font-weight:bold;

color:#2fc75d;

}

table{

width:100%;

border-collapse:collapse;

}

table th{

text-align:left;

padding:12px;

background:#f4f4f4;

}

table td{

padding:15px 12px;

border-bottom:1px solid #eee;

}

.bottom-buttons{

display:flex;

gap:30px;

padding:0 60px 60px;

}

.bottom-card{

flex:1;

background:white;

padding:30px;

display:flex;

align-items:center;

gap:20px;

border-radius:20px;

text-decoration:none;

color:#333;

box-shadow:0 8px 20px rgba(0,0,0,.08);

transition:.3s;

}

.bottom-card:hover{

transform:translateY(-5px);

}

.bottom-card i{

font-size:45px;

color:#32d157;

}

footer{
background:#07121d;
padding:10px max(18px,calc((100% - 1320px)/2));
min-height:55px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
color:white;
margin-top:5px;
border-top:1px solid rgba(50,209,87,.16);
}
@media(max-width:620px){footer .footer-developer{position:static;right:auto;align-self:flex-end}}
.footer-brand{display:flex;align-items:center;gap:7px;color:#d9ebe1;font-size:.78rem;font-weight:600}.footer-brand i{color:#35d9e8;font-size:17px;text-shadow:0 0 10px rgba(53,217,232,.35)}.footer-copy{color:#a8bdb3;font-size:.75rem}.footer-developer{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(53,217,232,.35);border-radius:7px;color:#35d9e8;font-size:.73rem;font-weight:600;text-decoration:none;transition:.2s}.footer-developer:hover{color:#07121d;background:#35d9e8;transform:translateY(-1px)}@media(max-width:620px){footer{align-items:flex-start;flex-direction:column;gap:8px}.footer-copy{order:3}.footer-developer{position:absolute;right:18px}}

@media(max-width:1000px){

.hero{
flex-direction:column;

}

.left,.right{

width:100%;

}

.content{

flex-direction:column;

}

.bottom-buttons{

flex-direction:column;

}

.cards{

grid-template-columns:1fr;

}

header{

padding:20px;

flex-direction:column;

gap:20px;

}

nav{

display:flex;

flex-wrap:wrap;

justify-content:center;

}

}

.hero-leaderboard{
    width:100%;
    margin:auto;
    background:#111c27;
    border:2px solid #32d157;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 0 15px rgba(50,209,87,.25);
}

.hero-leaderboard{
    width:100%;
    background:#111c27;
    border:2px solid #32d157;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 0 12px rgba(50,209,87,.20);
    margin-bottom:12px;
}

.hero-leaderboard h2{
    background:#32d157;
    color:#08131e;
    padding:8px 0;
    text-align:center;
    font-size:16px;
    font-weight:700;
}

.hero-leaderboard table{
    width:100%;
    border-collapse:collapse;
}

.hero-leaderboard th{
    background:#162635;
    color:#32d157;
    font-size:11px;
    font-weight:600;
    padding:7px 5px;
}

.hero-leaderboard td{
    padding:7px 5px;
    font-size:12px;
    color:white;
    text-align:center;
    border-bottom:1px solid #203445;
    line-height:1.2;
}

.hero-leaderboard tr:hover{
    background:#1c3040;
}

.hero-leaderboard td:nth-child(3){
    color:#32d157;
    font-weight:bold;
}

.hero-leaderboard td:first-child{
    font-weight:bold;
}
.rank-cell{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
}

.rank-icon{
    width:22px;
    height:22px;
    object-fit:contain;
}

.rank-cell span{
    font-size:11px;
    font-weight:600;
    line-height:1.1;
}
.hero-leaderboard th:first-child,
.hero-leaderboard td:first-child{
    width:35px;
}
.hero-leaderboard th:nth-child(3),
.hero-leaderboard td:nth-child(3){
    width:55px;
}

.recent-matches{
    width:100%;
    background:#111c27;
    border:2px solid #32d157;
    border-top:none;           /* joins nicely with leaderboard */
    border-radius:0 0 15px 15px;
    overflow:hidden;
    box-shadow:0 0 15px rgba(50,209,87,.25);
}

.recent-header{
    background:#32d157;
    color:#08131e;
    font-size:16px;
    font-weight:700;
    text-align:center;
    padding:10px;
}

.recent-table{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}

.recent-table th{
    background:#162635;
    color:#32d157;
    font-size:11px;
    padding:8px 6px;
}

.recent-table td{
    color:white;
    font-size:11px;
    padding:8px 6px;
    text-align:center;
    border-bottom:1px solid #203445;
    vertical-align:middle;
}

.recent-table tr:hover{
    background:#1c3040;
}

.view-all{
    padding:10px;
    text-align:center;
    background:#162635;
}

.view-all a{
    color:#32d157;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}

.view-all a:hover{
    color:white;
}
.recent-table th:first-child,
.recent-table td:first-child{
    width:55px;
}

.recent-table th:last-child,
.recent-table td:last-child{
    width:80px;
}
.recent-table td:last-child{
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
}
.rank-icon{
    width:34px;
    height:34px;
    object-fit:contain;
    vertical-align:middle;
}
.rank-cell{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.rank-icon{
    width:30px;
    height:30px;
    object-fit:contain;
}

.rank-cell span{
    font-size:12px;
    font-weight:600;
    color:white;
}
.recent-table td:nth-child(2),
.recent-table td:nth-child(3){
    white-space: nowrap;
}

/* Date */
.recent-table th:nth-child(1),
.recent-table td:nth-child(1){
    width:12%;
}

/* Winner */
.recent-table th:nth-child(2),
.recent-table td:nth-child(2){
    width:36%;
}

/* Defeated */
.recent-table th:nth-child(3),
.recent-table td:nth-child(3){
    width:30%;
}

/* Score */
.recent-table th:nth-child(4),
.recent-table td:nth-child(4){
    width:22%;
    white-space:nowrap;
}

.fire{
    display:inline-block;
    animation:flicker .8s infinite alternate;
}

@keyframes flicker{
    0%{
        transform:translateY(0) scale(1);
        filter:brightness(1);
    }
    50%{
        transform:translateY(-2px) scale(1.1);
        filter:brightness(1.4);
    }
    100%{
        transform:translateY(1px) scale(.95);
        filter:brightness(1);
    }
}

/* Homepage polish: aligned with the Stay Badminton navy, green, cyan and orange system. */
header{position:relative;z-index:10;padding:18px 70px;background:rgba(7,18,29,.97);border-bottom:1px solid rgba(50,209,87,.2);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.logo h2{font-size:1.08rem;letter-spacing:-.3px}.logo i{color:#35d9e8;text-shadow:0 0 15px rgba(53,217,232,.4)}.logo span{color:#32d157}
nav{display:flex;align-items:center;gap:5px}nav a{position:relative;margin-left:0;padding:9px 12px;border-radius:8px;color:#c6d7cf;font-size:.87rem;font-weight:500;letter-spacing:.1px}nav a:after{content:"";position:absolute;right:12px;bottom:5px;left:12px;height:2px;border-radius:2px;background:#32d157;transform:scaleX(0);transform-origin:left;transition:transform .22s}nav a:hover{color:#fff;background:rgba(50,209,87,.09)}nav a:hover:after{transform:scaleX(1)}
.hero-leaderboard{border:1px solid rgba(50,209,87,.45);border-radius:18px 18px 0 0;background:#0b2029;box-shadow:0 17px 38px rgba(0,0,0,.28),0 0 28px rgba(50,209,87,.08)}.hero-leaderboard h2{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 14px;background:linear-gradient(100deg,#32d157,#69e994);color:#061b0e;font-size:15px;letter-spacing:.2px}.hero-leaderboard h2:before{content:"\f091";font-family:"Font Awesome 6 Free";font-weight:900;font-size:13px}.hero-leaderboard .fire,.recent-header .fire{display:none}.hero-leaderboard th{padding:9px 5px;color:#35d9e8;background:#0e2a35;font-family:'Poppins',sans-serif;font-size:9px;letter-spacing:.5px;text-transform:uppercase}.hero-leaderboard td{padding:9px 5px;color:#eaf6ef;font-size:11px;border-color:rgba(151,228,191,.13)}.hero-leaderboard tbody tr{transition:background .18s}.hero-leaderboard tbody tr:hover{background:rgba(53,217,232,.08)}.hero-leaderboard td:first-child{color:#ffb362;font-family:sans-serif;font-size:11px}.hero-leaderboard td:nth-child(3){color:#baf76d}.hero-leaderboard td:nth-child(4){color:#35d9e8}.hero-leaderboard td:nth-child(6){color:#ffb362;font-family:poppins}.rank-cell{gap:5px}.rank-icon{width:27px;height:27px;filter:drop-shadow(0 0 6px rgba(53,217,232,.18))}.rank-cell span{color:#d6e6df;font-size:10px}
.recent-matches{width:100%;background:#111c27;border:2px solid #32d157;border-top:none;border-radius:0 0 15px 15px;overflow:hidden;box-shadow:0 0 15px rgba(50,209,87,.25);font-family:Poppins,sans-serif}.recent-header{background:#32d157;color:#08131e;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;text-align:center;padding:10px}.recent-header:before{content:none}.recent-table{width:100%;table-layout:fixed;border-collapse:collapse;font-family:Poppins,sans-serif}.recent-table th{background:#162635;color:#32d157;font-family:Poppins,sans-serif;font-size:11px;padding:8px 6px}.recent-table td{color:white;font-family:Poppins,sans-serif;font-size:11px;padding:5px 6px;text-align:center;border-bottom:1px solid #203445;vertical-align:middle;line-height:1.25}.recent-table tr:hover{background:#1c3040}.recent-table td:nth-child(2){color:#7be89a;font-weight:600}.recent-table td:nth-child(3){color:#ff9db3;font-weight:500}.recent-table td:nth-child(4){color:white;font-family:Poppins,sans-serif}.view-all{padding:10px;text-align:center;background:#162635}.view-all a{color:#32d157;text-decoration:none;font-size:13px;font-weight:600}.view-all a:hover{color:white}
@media(max-width:1000px){header{padding:17px 20px}nav{gap:2px}nav a{padding:8px 10px}}