/* Public website styles extracted from Blade templates. */

/* resources/views/website/layout.blade.php */
:root{
            --green:#1d7a3b;
            --green2:#36a862;
            --gold:#f0b429;
            --ink:#07130f;
            --dark:#0d1f19;
            --text:#14202a;
            --muted:#5f6f7b;
            --bg:#f5f8f6;
            --card:#ffffff;
            --line:#dfe7e2;
            --shadow:0 14px 34px rgba(16,24,40,.08);
            --shadow-soft:0 8px 22px rgba(16,24,40,.07);
            --focus:0 0 0 4px rgba(47,161,90,.22);
        }

        *{box-sizing:border-box}
        html{scroll-behavior:smooth;overflow-x:hidden}
        body{
            margin:0;
            font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
            background:var(--bg);
            color:var(--text);
            font-size:16px;
            line-height:1.6;
            overflow-x:hidden;
            text-rendering:optimizeLegibility;
            -webkit-font-smoothing:antialiased;
        }
        a{text-decoration:none;color:inherit}
        a,button,input,select,textarea{font:inherit}
        a:focus-visible,
        button:focus-visible,
        input:focus-visible,
        select:focus-visible,
        textarea:focus-visible{
            outline:none;
            box-shadow:var(--focus);
        }
        p,li,td,th{overflow-wrap:break-word}
        h1,h2,h3,h4,h5,h6,span,strong{
            overflow-wrap:normal;
            word-break:normal;
        }
        img{max-width:100%;display:block}

        .site-header{
            background:rgba(7,19,15,.96);
            border-bottom:1px solid rgba(255,255,255,.08);
            position:sticky;
            top:0;
            z-index:20;
            backdrop-filter:blur(16px) saturate(145%);
            -webkit-backdrop-filter:blur(16px) saturate(145%);
            box-shadow:0 12px 30px rgba(0,0,0,.2);
            overflow:visible;
        }

        .site-header::before{
            content:"";
            position:absolute;
            inset:-60% -10%;
            background:
                linear-gradient(115deg,transparent 0 38%,rgba(31,122,61,.14) 38% 42%,transparent 42% 100%),
                radial-gradient(circle at 74% 12%,rgba(47,161,90,.16),transparent 22%);
            filter:blur(7px);
            opacity:.46;
            pointer-events:none;
        }

        .container{
            max-width:1200px;
            margin:0 auto;
            padding:0 clamp(16px, 4vw, 28px);
            width:100%;
        }

        .container-fluid{
            max-width:1680px;
            margin:0 auto;
            padding:0 clamp(16px, 3vw, 44px);
            width:100%;
        }

        .site-header .container{
            max-width:1560px;
            padding:0 clamp(12px, 2.4vw, 34px);
        }

        .nav{
            position:relative;
            z-index:1;
            min-height:112px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:clamp(18px, 2.8vw, 48px);
        }

        .brand{
            position:relative;
            z-index:2;
            display:flex;
            align-items:center;
            min-width:0;
            justify-content:flex-start;
            flex:0 0 auto;
            align-self:stretch;
            padding:0;
            color:#fff;
        }

        .brand::before{
            content:"";
            position:absolute;
            left:10%;
            right:10%;
            bottom:-20px;
            height:42px;
            background:
                radial-gradient(ellipse at center,rgba(240,180,41,.52),rgba(240,180,41,.22) 34%,rgba(31,122,61,.16) 58%,transparent 72%);
            filter:blur(8px);
            opacity:.95;
            pointer-events:none;
        }

        .brand-logo{
            position:relative;
            z-index:1;
            width:clamp(190px, 14vw, 270px);
            flex-shrink:0;
            aspect-ratio:1 / 1.08;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-top:-18px;
            margin-bottom:-46px;
            background:transparent;
            border:0;
            border-radius:0;
            filter:drop-shadow(0 16px 22px rgba(0,0,0,.34));
        }

        .brand-logo img{
            width:100%;
            height:100%;
            object-fit:contain;
            display:block;
        }

        .brand h1{
            margin:0;
            color:#fff;
            font-size:clamp(16px, 1.45vw, 22px);
            line-height:1.1;
            letter-spacing:0;
            text-shadow:none;
        }

        .brand p{
            margin:5px 0 0;
            color:#d8ffe5;
            font-weight:800;
            letter-spacing:.04em;
            font-size:11px;
            text-transform:uppercase;
        }

        .nav-links{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            flex:1 1 auto;
            flex-wrap:wrap;
            gap:6px;
            font-weight:800;
            color:rgba(255,255,255,.8);
            font-size:14px;
            text-transform:uppercase;
            letter-spacing:0;
        }

        .nav-links a{
            position:relative;
            min-height:38px;
            display:inline-flex;
            align-items:center;
            padding:10px 13px;
            border-radius:8px;
            border:1px solid rgba(255,255,255,.08);
            background:rgba(255,255,255,.04);
            text-shadow:0 1px 0 rgba(0,0,0,.42);
            transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease;
        }

        .nav-links a::after{
            content:"";
            position:absolute;
            left:clamp(8px, .85vw, 12px);
            right:clamp(8px, .85vw, 12px);
            bottom:5px;
            height:2px;
            background:linear-gradient(90deg,var(--green),var(--gold));
            transform:scaleX(0);
            transform-origin:left;
            transition:transform .2s ease;
        }

        .nav-links a:hover,
        .nav-links a.active{
            color:#fff;
            background:
                linear-gradient(135deg,rgba(31,122,61,.34),rgba(12,28,22,.66)),
                rgba(31,122,61,.16);
            border-color:rgba(31,122,61,.42);
            box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);
            transform:translateY(-1px);
        }

        .nav-links a:hover::after,
        .nav-links a.active::after{transform:scaleX(1)}

        .mobile-menu-toggle,
        .mobile-site-menu{
            display:none;
        }

        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            border-radius:999px;
            min-height:46px;
            padding:12px 18px;
            font-weight:800;
            border:none;
            line-height:1.2;
            text-align:center;
            cursor:pointer;
            transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
        }

        .btn:hover{transform:translateY(-1px)}

        .btn-primary{
            background:linear-gradient(135deg,var(--green),var(--green2));
            color:#fff;
            box-shadow:0 10px 22px rgba(47,161,90,.25);
        }

        .btn-light{
            background:#fff;
            border:1px solid var(--line);
            color:var(--text);
        }

        .page-hero{
            position:relative;
            min-height:clamp(420px, 56vh, 640px);
            display:flex;
            align-items:center;
            overflow:hidden;
            isolation:isolate;
            background:#07100c;
            color:#fff;
        }

        .page-hero-bg{
            position:absolute;
            inset:0;
            z-index:-2;
            background-position:center;
            background-size:cover;
            filter:blur(2px) saturate(112%);
            transform:scale(1.03);
        }

        .page-hero-video{
            position:absolute;
            inset:0;
            z-index:-2;
            width:100%;
            height:100%;
            object-fit:cover;
            border:0;
            filter:blur(2px) saturate(112%);
            transform:scale(1.03);
            pointer-events:none;
        }

        .page-hero::before{
            content:"";
            position:absolute;
            inset:0;
            z-index:-1;
            background:
                linear-gradient(90deg,rgba(3,5,4,.9) 0%,rgba(3,5,4,.64) 45%,rgba(3,5,4,.36) 100%),
                radial-gradient(circle at 70% 30%,rgba(31,122,61,.24),transparent 34%);
        }

        .page-hero-inner{
            display:grid;
            grid-template-columns:minmax(0,1fr) minmax(320px,500px);
            gap:clamp(28px, 4.5vw, 64px);
            align-items:center;
            width:100%;
            padding:clamp(54px, 8vw, 110px) 0;
        }

        .page-hero-copy{
            position:relative;
            padding-left:28px;
        }

        .page-hero-copy::before{
            content:"";
            position:absolute;
            left:0;
            top:8px;
            bottom:10px;
            width:6px;
            background:linear-gradient(180deg,var(--green),#f0b429);
            box-shadow:0 0 22px rgba(47,161,90,.36);
        }

        .page-hero-kicker{
            display:block;
            color:#d8ffe5;
            font-size:clamp(12px, 1.1vw, 15px);
            font-weight:900;
            letter-spacing:.08em;
            text-transform:uppercase;
            margin-bottom:18px;
        }

        .page-hero h2{
            margin:0;
            max-width:720px;
            color:#fff;
            font-size:clamp(38px, 5.2vw, 72px);
            line-height:1.05;
            text-transform:none;
            text-shadow:0 4px 24px rgba(0,0,0,.45);
        }

        .page-hero p{
            max-width:760px;
            margin:20px 0 0;
            color:rgba(255,255,255,.86);
            font-size:clamp(16px, 1.55vw, 21px);
            line-height:1.65;
            text-shadow:0 2px 18px rgba(0,0,0,.42);
        }

        .page-hero-card{
            position:relative;
            padding:clamp(24px, 3.4vw, 38px);
            min-height:280px;
            border:1px solid rgba(255,255,255,.22);
            border-top:6px solid var(--green);
            background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.035)),rgba(10,14,18,.58);
            box-shadow:0 34px 90px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.14);
            backdrop-filter:blur(16px) saturate(130%);
            -webkit-backdrop-filter:blur(16px) saturate(130%);
        }

        .page-hero-card-head{
            display:flex;
            align-items:center;
            gap:20px;
            margin-bottom:28px;
        }

        .page-hero-card-logo{
            width:78px;
            height:78px;
            border:1px solid rgba(255,255,255,.22);
            background:rgba(255,255,255,.88);
            display:flex;
            align-items:center;
            justify-content:center;
            box-shadow:0 18px 40px rgba(0,0,0,.22);
        }

        .page-hero-card-logo img{
            width:78%;
            height:78%;
            object-fit:contain;
        }

        .page-hero-card span{
            color:#d8ffe5;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.04em;
        }

        .page-hero-card h3{
            margin:0 0 20px;
            color:#fff;
            font-size:clamp(24px, 3vw, 36px);
            line-height:1.18;
            text-transform:none;
        }

        .hero{
            background:
                radial-gradient(circle at 20% 20%, rgba(47,161,90,.18), transparent 28%),
                linear-gradient(135deg,#0e1e18 0%,#10281f 55%,#1f7a3d 100%);
            color:#fff;
            padding:clamp(58px, 8vw, 96px) 0;
        }

        .hero-grid{
            display:grid;
            grid-template-columns:1.2fr .8fr;
            gap:clamp(28px, 5vw, 56px);
            align-items:center;
        }

        .eyebrow{
            display:inline-flex;
            padding:8px 12px;
            border-radius:999px;
            background:rgba(255,255,255,.12);
            color:#d8ffe5;
            font-size:12px;
            font-weight:800;
            letter-spacing:.1em;
            text-transform:uppercase;
        }

        .hero h2{
            font-size:clamp(36px, 6vw, 68px);
            line-height:1.04;
            margin:18px 0;
            letter-spacing:0;
        }

        .hero p{
            color:rgba(255,255,255,.78);
            font-size:clamp(16px, 2vw, 19px);
            line-height:1.72;
            max-width:640px;
        }

        .hero-actions{
            display:flex;
            gap:14px;
            flex-wrap:wrap;
            margin-top:28px;
        }

        .hero-card{
            background:rgba(255,255,255,.1);
            border:1px solid rgba(255,255,255,.18);
            border-radius:18px;
            padding:clamp(20px, 3vw, 28px);
            backdrop-filter:blur(10px);
        }

        @media(min-width:1100px){
            .hero-grid > div:first-child{
                transform:none;
            }

            .hero-card{
                transform:none;
            }
        }

        .hero-card h3{
            margin:0 0 14px;
            font-size:22px;
        }

        .match-box{
            background:#fff;
            color:var(--text);
            border-radius:16px;
            padding:clamp(18px, 3vw, 24px);
        }

        .match-teams{
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:16px;
            font-weight:900;
            text-align:center;
        }

        .match-team{
            display:flex;
            flex-direction:column;
            align-items:center;
            gap:10px;
            min-width:0;
            flex:1;
        }

        .match-logo{
            width:74px;
            height:74px;
            border-radius:14px;
            border:1px solid var(--line);
            background:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            overflow:hidden;
            color:var(--green);
            font-weight:900;
            font-size:22px;
        }

        .match-logo img{width:100%;height:100%;object-fit:contain;padding:8px}

        .match-details{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:10px;
            margin-top:18px;
            padding-top:16px;
            border-top:1px solid var(--line);
        }

        .match-detail{font-size:13px;color:var(--muted)}
        .match-detail strong{display:block;color:var(--text);margin-bottom:4px}

        .vs{
            width:44px;
            height:44px;
            border-radius:50%;
            background:var(--green);
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            flex-shrink:0;
        }

        .section{
            padding:clamp(50px, 7vw, 82px) 0;
        }

        .section-head{
            display:flex;
            align-items:end;
            justify-content:space-between;
            gap:18px;
            margin-bottom:clamp(20px, 4vw, 30px);
        }

        .section-head h2{
            margin:0;
            font-size:clamp(28px, 4vw, 38px);
            line-height:1.12;
            letter-spacing:0;
        }

        .section-head p{
            margin:8px 0 0;
            color:var(--muted);
            line-height:1.6;
        }

        .grid{
            display:grid;
            gap:clamp(16px, 3vw, 24px);
        }

        .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
        .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
        .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}

        .card{
            background:#fff;
            border:1px solid var(--line);
            border-radius:8px;
            padding:clamp(18px, 3vw, 24px);
            box-shadow:var(--shadow);
        }

        .empty-state{
            display:grid;
            gap:10px;
            padding:clamp(20px, 4vw, 32px);
            border:1px dashed rgba(31,122,61,.32);
            border-radius:8px;
            background:linear-gradient(135deg,#fff,#f4faf6);
        }

        .empty-state strong{
            color:var(--text);
            font-size:18px;
        }

        .empty-state p{
            margin:0;
            color:var(--muted);
        }

        .stat{
            font-size:clamp(30px, 5vw, 40px);
            color:var(--green);
            font-weight:900;
            margin:0 0 8px;
        }

.muted{color:var(--muted)}
.text-strong{color:var(--text)}
.section-joined{padding-top:0}
.home-section-dark + .home-modern-section.section-joined{padding-top:clamp(34px, 5vw, 64px)}
.button-row{display:flex;gap:12px;flex-wrap:wrap}
.stat-spaced{margin-top:14px}
.badge-on-dark{background:rgba(255,255,255,.14);color:#fff}
.video-action{margin-top:16px}
.partner-list-spaced{margin-top:18px}
.home-partner-logo{
        width:62px;
        height:62px;
        flex-shrink:0;
        object-fit:cover;
        border:1px solid rgba(255,255,255,.18);
        background:#fff;
    }
.home-partner-name{
        color:#fff;
        font-weight:900;
    }
.home-partner-meta{
        margin:4px 0 0;
        color:rgba(255,255,255,.78);
        opacity:.9;
    }
.home-partner-meta a{
        color:#d8ffe5;
        font-weight:800;
    }
.badge{
            display:inline-flex;
            padding:7px 10px;
            border-radius:999px;
            background:#e9f7ef;
            color:var(--green);
            font-weight:800;
            font-size:12px;
        }

        .news-card h3,
        .fixture-card h3{
            margin:10px 0 8px;
        }

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

        .gallery-item{
            height:220px;
            border-radius:22px;
            overflow:hidden;
            background:#dfe7e3;
        }

        .gallery-item img{
            width:100%;
            height:100%;
            object-fit:cover;
        }

        .placeholder{
            width:100%;
            height:100%;
            display:flex;
            align-items:center;
            justify-content:center;
            color:var(--muted);
            font-weight:800;
            background:linear-gradient(135deg,#e9f7ef,#fff);
        }

        .sponsor{
            background:#fff;
            border-radius:16px;
            padding:clamp(22px, 4vw, 36px);
            box-shadow:var(--shadow);
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:20px;
            align-items:center;
        }

        .cta{
            background:linear-gradient(135deg,#0e1e18,#1f7a3d);
            color:#fff;
            border-radius:18px;
            padding:clamp(24px, 5vw, 46px);
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:20px;
        }

        .site-footer{
            position:relative;
            margin-top:0;
            padding:clamp(42px, 7vw, 82px) 0 28px;
            background:
                linear-gradient(135deg,rgba(4,10,8,.97),rgba(11,29,21,.94) 54%,rgba(4,10,8,.98)),
                #07110d;
            overflow:hidden;
        }

        .site-footer::before{
            content:"";
            position:absolute;
            inset:0;
            background:
                linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.045) 48% 49%,transparent 49% 100%),
                linear-gradient(60deg,transparent 0 70%,rgba(31,122,61,.11) 70% 71%,transparent 71% 100%),
                radial-gradient(circle at 16% 18%,rgba(31,122,61,.24),transparent 24%),
                radial-gradient(circle at 86% 74%,rgba(240,180,41,.12),transparent 26%);
            opacity:.9;
            pointer-events:none;
        }

        .site-footer::after{
            content:"";
            position:absolute;
            inset:0;
            background-image:
                linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
                linear-gradient(90deg,rgba(255,255,255,.035) 1px, transparent 1px);
            background-size:52px 52px;
            mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 86%);
            pointer-events:none;
        }

        .footer-frame{
            position:relative;
            display:grid;
            grid-template-columns:minmax(220px,1.1fr) minmax(170px,.85fr) minmax(170px,.75fr) minmax(250px,1.05fr);
            gap:clamp(28px, 4.5vw, 68px);
            align-items:start;
            padding:0;
            color:#fff;
        }

        .footer-frame > *{text-shadow:0 1px 0 rgba(0,0,0,.24)}

        .footer-brand,
        .footer-column,
        .footer-sponsor{
            position:relative;
            z-index:1;
        }

        .footer-logo{
            width:180px;
            aspect-ratio:1 / 1;
            background:transparent;
            border:0;
            border-radius:0;
            box-shadow:none;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom:30px;
        }

        .footer-logo img{
            width:100%;
            height:100%;
            object-fit:contain;
        }

        .footer-brand p{
            max-width:330px;
            margin:0;
            color:rgba(255,255,255,.72);
            font-size:17px;
            line-height:1.65;
        }

        .footer-title{
            margin:0 0 34px;
            color:#fff;
            font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
            font-size:clamp(22px, 2.5vw, 30px);
            font-weight:800;
            letter-spacing:.01em;
        }

        .footer-title::after{
            content:"";
            display:block;
            width:86px;
            height:3px;
            margin-top:18px;
            background:linear-gradient(90deg,var(--green),#f0b429);
        }

        .footer-list{
            display:grid;
            gap:20px;
            margin:0;
            padding:0;
            list-style:none;
        }

        .footer-list a{
            display:inline-flex;
            align-items:center;
            gap:16px;
            color:rgba(255,255,255,.72);
            font-size:17px;
            line-height:1.2;
            transition:.2s ease;
        }

        .footer-list a:hover{
            color:#fff;
            transform:translateX(3px);
        }

        .footer-icon{
            position:relative;
            width:20px;
            height:20px;
            color:#dfffe9;
            font-weight:900;
            flex:0 0 auto;
        }

        .footer-icon::before{
            content:"";
            position:absolute;
            inset:2px;
            border:2px solid currentColor;
            border-radius:2px;
        }

        .footer-icon::after{
            content:"";
            position:absolute;
            left:7px;
            top:4px;
            width:5px;
            height:10px;
            border-right:2px solid currentColor;
            transform:rotate(35deg);
        }

        .footer-icon-social{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            width:20px;
            height:20px;
            color:#dfffe9;
            font-weight:900;
            flex:0 0 auto;
        }

        .sponsor-card{
            display:grid;
            gap:12px;
            max-width:340px;
            min-height:auto;
            padding:0;
            color:#fff;
            transition:.2s ease;
        }

        .sponsor-card:hover{color:#fff}

        .sponsor-card img{
            width:min(220px,100%);
            height:112px;
            object-fit:contain;
            background:transparent;
            padding:0;
            border:0;
            border-radius:0;
            box-shadow:none;
        }

        .sponsor-card strong{
            color:#fff;
            font-size:18px;
            line-height:1.25;
        }

        .sponsor-card small{
            color:#d8ffe5;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.04em;
        }

        .sponsor-fallback{
            color:#dfffe9;
            font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
            font-size:clamp(24px, 2.5vw, 34px);
            font-weight:900;
            line-height:1.12;
            text-align:left;
        }

        .footer-bottom{
            position:relative;
            z-index:1;
            margin-top:20px;
            color:rgba(255,255,255,.62);
            font-size:13px;
            text-align:center;
        }

        .table-wrap{
            width:100%;
            overflow-x:auto;
            -webkit-overflow-scrolling:touch;
        }

        table{width:100%;border-collapse:collapse}

        @media(max-width:900px){
            .hero-grid,.grid-2,.grid-3,.grid-4,.sponsor{grid-template-columns:1fr}
            .page-hero-inner{grid-template-columns:1fr}
            .page-hero-card{max-width:560px}
            .section-head{align-items:flex-start;flex-direction:column}
            .match-details{grid-template-columns:1fr}
            .cta{flex-direction:column;align-items:flex-start}
            .gallery-grid{grid-template-columns:1fr}
            .footer-frame{grid-template-columns:1fr 1fr}
        }

        @media(max-width:767px){
            .nav{
                min-height:76px;
                padding:8px 0;
                align-items:center;
                flex-direction:row;
                gap:14px;
            }
            .brand{width:auto}
            .brand::before{
                left:8%;
                right:8%;
                bottom:-14px;
                height:34px;
            }
            .brand-logo{
                width:120px;
                margin-top:-8px;
                margin-bottom:-14px;
            }
            .nav-links{
                display:none;
            }

            .mobile-menu-toggle{
                position:relative;
                z-index:2;
                display:inline-flex;
                flex-direction:column;
                align-items:center;
                justify-content:center;
                gap:5px;
                width:46px;
                height:46px;
                margin-left:auto;
                border:1px solid rgba(255,255,255,.16);
                border-radius:50%;
                background:rgba(255,255,255,.08);
                color:#fff;
                cursor:pointer;
                transition:background .24s ease,border-color .24s ease,transform .24s ease;
                will-change:transform;
            }

            .mobile-menu-toggle span{
                width:19px;
                height:2px;
                border-radius:999px;
                background:currentColor;
                transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .2s ease;
                transform-origin:center;
                will-change:transform,opacity;
            }

            body.mobile-menu-open .mobile-menu-toggle{
                opacity:0;
                pointer-events:none;
                transform:rotate(180deg);
            }

            body.mobile-menu-open .mobile-menu-toggle span:nth-child(1){
                transform:translateY(7px) rotate(45deg);
            }

            body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){
                opacity:0;
                transform:scaleX(.15);
            }

            body.mobile-menu-open .mobile-menu-toggle span:nth-child(3){
                transform:translateY(-7px) rotate(-45deg);
            }

            .mobile-site-menu{
                position:fixed;
                inset:0;
                z-index:60;
                display:block;
                width:100vw;
                height:100vh;
                height:100dvh;
                background:rgba(7,19,15,.22);
                color:var(--text);
                overflow:hidden;
                -webkit-overflow-scrolling:touch;
                opacity:0;
                visibility:hidden;
                pointer-events:none;
                transition:opacity .3s ease,visibility 0s linear .36s;
            }

            body.mobile-menu-open .mobile-site-menu,
            .mobile-site-menu.is-open,
            .mobile-site-menu.is-closing{
                visibility:visible;
                pointer-events:auto;
            }

            body.mobile-menu-open .mobile-site-menu,
            .mobile-site-menu.is-open{
                opacity:1;
                transition-delay:0s;
            }

            .mobile-site-menu-panel{
                width:100%;
                height:100vh;
                height:100dvh;
                overflow:auto;
                padding:12px 0 max(28px, env(safe-area-inset-bottom));
                background:
                    linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,246,.995)),
                    var(--card);
                box-shadow:0 28px 80px rgba(16,24,40,.18);
                transform:translate3d(0,-18px,0) scaleY(.985);
                opacity:.2;
                transform-origin:top center;
                transition:
                    transform .42s cubic-bezier(.22,1,.36,1),
                    opacity .3s ease;
                will-change:transform,opacity;
            }

            body.mobile-menu-open .mobile-site-menu-panel,
            .mobile-site-menu.is-open .mobile-site-menu-panel{
                transform:translate3d(0,0,0) scaleY(1);
                opacity:1;
            }

            .mobile-site-menu.is-closing .mobile-site-menu-panel{
                transform:translate3d(0,-14px,0) scaleY(.99);
                opacity:.2;
            }

            .mobile-menu-head{
                position:sticky;
                top:0;
                z-index:2;
                min-height:74px;
                display:flex;
                align-items:center;
                justify-content:center;
                border-bottom:1px solid rgba(31,122,61,.12);
                background:linear-gradient(180deg,#fff 0%,#fff 72%,rgba(255,255,255,0) 100%);
            }

            .mobile-menu-logo{
                width:58px;
                height:58px;
                display:flex;
                align-items:center;
                justify-content:center;
                border-radius:50%;
                background:#fff;
                box-shadow:0 12px 30px rgba(31,122,61,.12);
            }

            .mobile-menu-logo img{
                width:100%;
                height:100%;
                object-fit:contain;
            }

            .mobile-menu-close{
                position:absolute;
                top:15px;
                right:16px;
                width:44px;
                height:44px;
                display:flex;
                align-items:center;
                justify-content:center;
                border:1px solid rgba(31,122,61,.16);
                border-radius:50%;
                background:#fff;
                color:var(--green);
                box-shadow:0 12px 28px rgba(16,24,40,.12);
                cursor:pointer;
                transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
            }

            .mobile-menu-close:before,
            .mobile-menu-close:after{
                content:"";
                position:absolute;
                width:19px;
                height:2px;
                border-radius:999px;
                background:currentColor;
            }

            .mobile-menu-close:before{
                transform:rotate(45deg);
            }

            .mobile-menu-close:after{
                transform:rotate(-45deg);
            }

            .mobile-menu-close:hover,
            .mobile-menu-close:focus-visible{
                background:#f4fbf7;
                box-shadow:0 16px 34px rgba(31,122,61,.16);
                transform:scale(1.04);
            }

            .mobile-menu-links{
                display:flex;
                flex-direction:column;
                padding:18px 18px 38px;
            }

            .mobile-menu-links a{
                position:relative;
                min-height:36px;
                display:flex;
                align-items:center;
                padding:8px 0;
                color:var(--text);
                font-size:14px;
                line-height:1.25;
                font-weight:900;
                letter-spacing:0;
                opacity:0;
                transform:translateY(13px);
                transition:
                    opacity .32s ease,
                    transform .42s cubic-bezier(.22,1,.36,1),
                    color .2s ease;
                transition-delay:0s;
                will-change:transform,opacity;
            }

            body.mobile-menu-open .mobile-menu-links a,
            .mobile-site-menu.is-open .mobile-menu-links a{
                opacity:1;
                transform:translateY(0);
            }

            body.mobile-menu-open .mobile-menu-links a:nth-child(1),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(1){transition-delay:.08s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(2),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(2){transition-delay:.105s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(3),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(3){transition-delay:.13s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(4),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(4){transition-delay:.155s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(5),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(5){transition-delay:.18s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(6),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(6){transition-delay:.205s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(7),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(7){transition-delay:.23s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(8),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(8){transition-delay:.255s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(9),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(9){transition-delay:.28s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(10),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(10){transition-delay:.305s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(11),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(11){transition-delay:.33s}
            body.mobile-menu-open .mobile-menu-links a:nth-child(12),
            .mobile-site-menu.is-open .mobile-menu-links a:nth-child(12){transition-delay:.355s}

            .mobile-site-menu.is-closing .mobile-menu-links a{
                opacity:0;
                transform:translateY(-8px);
                transition-duration:.18s;
                transition-delay:0s;
            }

            .mobile-menu-links a.active{
                color:var(--green);
            }

            .mobile-menu-links a.active:before{
                content:"";
                width:6px;
                height:6px;
                margin-right:10px;
                border-radius:50%;
                background:var(--green);
                box-shadow:0 0 0 5px rgba(31,122,61,.1);
            }

            .mobile-menu-links a.external{
                padding-right:36px;
            }

            .mobile-menu-links a.external:after{
                content:"";
                position:absolute;
                right:10px;
                top:50%;
                width:13px;
                height:13px;
                border:2px solid currentColor;
                border-left:0;
                border-bottom:0;
                transform:translateY(-50%);
                pointer-events:none;
            }

            .mobile-menu-links a.external:before{
                content:"";
                position:absolute;
                right:11px;
                top:50%;
                width:14px;
                height:2px;
                background:currentColor;
                transform:translateY(-50%) rotate(-45deg);
                transform-origin:right center;
                pointer-events:none;
            }

            body.mobile-menu-open{overflow:hidden}
        }

        @media(max-width:640px){
            body{font-size:15px}
            .container{padding:0 16px}
            .brand::before{
                left:12%;
                right:12%;
                bottom:-10px;
                height:28px;
            }
            .brand-logo{
                width:106px;
                margin-top:-8px;
                margin-bottom:-12px;
            }
            .page-hero{min-height:auto}
            .page-hero-copy{padding-left:20px}
            .page-hero h2{font-size:clamp(32px, 9vw, 46px)}
            .page-hero p{font-size:16px}
            .page-hero-card{padding:24px;min-height:auto}
            .page-hero-card-head{align-items:flex-start;flex-direction:column}
            .hero{padding:42px 0}
            .hero-actions{gap:10px}
            .btn{width:100%;min-height:48px}
            .match-teams{gap:10px}
            .match-logo{width:58px;height:58px}
            .vs{width:38px;height:38px;font-size:13px}
            .card{box-shadow:var(--shadow-soft)}
            .footer-frame{grid-template-columns:1fr}
            .footer-brand p,.footer-list a{font-size:16px}
            .footer-title{margin-bottom:22px}
            .footer-logo{width:150px;margin-bottom:22px}
        }

        @media(prefers-reduced-motion:reduce){
            *,
            *::before,
            *::after{
                animation-duration:.01ms !important;
                animation-iteration-count:1 !important;
                scroll-behavior:auto !important;
                transition-duration:.01ms !important;
            }
        }

/* resources/views/website/home.blade.php */
.hero{
        position:relative;
        overflow:hidden;
        background:#06100c;
    }

    .hero::after{
        content:"";
        position:absolute;
        inset:0;
        background:
            linear-gradient(90deg, rgba(2,8,5,.78) 0%, rgba(6,16,12,.56) 44%, rgba(2,8,5,.62) 100%),
            radial-gradient(circle at 70% 18%, rgba(31,122,61,.14), transparent 28%),
            linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.72));
        z-index:1;
    }

    .hero::before{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        background:
            linear-gradient(120deg, transparent 0 54%, rgba(255,255,255,.05) 54% 55%, transparent 55% 100%),
            radial-gradient(circle at 58% 65%, rgba(240,180,41,.14), transparent 24%);
        pointer-events:none;
    }

    .hero-bg-media{
        position:absolute;
        inset:0;
        z-index:0;
    }

    .hero-bg-media span,
    .hero-bg-media video,
    .hero-bg-media iframe{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        border:0;
        background-position:center;
        background-size:cover;
        object-fit:cover;
        opacity:1;
    }

    .hero-bg-media.has-multiple span,
    .hero-bg-media.has-multiple video,
    .hero-bg-media.has-multiple iframe{
        opacity:0;
        animation:heroSliderFade var(--hero-slider-duration, 12s) infinite;
    }

    .hero-grid{
        position:relative;
        z-index:2;
    }

    @keyframes heroSliderFade{
        0%, 100%{opacity:0}
        8%, 28%{opacity:1}
        36%{opacity:0}
    }

    .hero{
        min-height:calc(100vh - 88px);
        display:flex;
        align-items:center;
        padding:clamp(96px, 11vh, 142px) 0;
    }

    .hero .container{
        width:100%;
        max-width:1560px;
    }

    .hero-grid{
        grid-template-columns:minmax(0,1.05fr) minmax(520px,.72fr);
        gap:clamp(56px, 7vw, 120px);
        align-items:center;
    }

    .hero-copy{
        position:relative;
        padding-left:30px;
    }

    .hero-copy::before{
        content:"";
        position:absolute;
        left:0;
        top:18px;
        bottom:18px;
        width:5px;
        background:linear-gradient(180deg,var(--green),#f0b429);
        box-shadow:0 18px 40px rgba(31,122,61,.36);
    }

    .hero h2{
        color:#fff;
        font-size:clamp(44px, 5.8vw, 88px);
        max-width:880px;
        letter-spacing:0;
        line-height:1.03;
        text-shadow:0 22px 52px rgba(0,0,0,.44);
    }

    .hero p{
        color:rgba(255,255,255,.84);
        font-size:clamp(17px, 1.45vw, 23px);
        max-width:820px;
        line-height:1.65;
        text-shadow:0 12px 28px rgba(0,0,0,.38);
    }

    .hero-proof{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
        max-width:780px;
        margin-top:30px;
    }

    .hero-proof-item{
        min-height:82px;
        padding:14px;
        border:1px solid rgba(255,255,255,.14);
        background:rgba(255,255,255,.08);
        color:#fff;
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
    }

    .hero-proof-item strong{
        display:block;
        font-size:24px;
        line-height:1.1;
    }

    .hero-proof-item span{
        display:block;
        margin-top:5px;
        color:#d8ffe5;
        font-size:12px;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.04em;
    }

    .hero .eyebrow{
        color:#dfffe9;
        font-size:15px;
        padding:0;
        background:transparent;
        border-radius:0;
        box-shadow:none;
        text-shadow:0 10px 24px rgba(0,0,0,.4);
    }

    .hero-card{
        position:relative;
        padding:18px;
        border:1px solid rgba(255,255,255,.14);
        border-radius:10px;
        background:
            linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06)),
            rgba(6,15,11,.72);
        box-shadow:
            0 28px 70px rgba(0,0,0,.3),
            inset 0 1px 0 rgba(255,255,255,.12);
        backdrop-filter:blur(20px) saturate(145%);
        -webkit-backdrop-filter:blur(20px) saturate(145%);
    }

    .next-match-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin-bottom:12px;
    }

    .next-match-label{
        display:inline-flex;
        align-items:center;
        gap:8px;
        color:#fff;
        font-size:14px;
        font-weight:900;
        letter-spacing:.12em;
        text-transform:uppercase;
        text-shadow:0 10px 24px rgba(0,0,0,.35);
    }

    .next-match-label::before{
        content:"";
        width:8px;
        height:8px;
        border-radius:50%;
        background:var(--gold);
        box-shadow:0 0 0 6px rgba(240,180,41,.14);
    }

    .hero .match-box{
        position:relative;
        border-radius:8px;
        padding:18px;
        border:1px solid rgba(255,255,255,.72);
        background:
            linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,250,247,.9)),
            #fff;
        box-shadow:0 18px 42px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.9);
        overflow:hidden;
    }

    .hero .match-box::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:3px;
        background:linear-gradient(90deg,var(--green),#f0b429,var(--green2));
    }

    .hero .match-card-top{
        position:relative;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        margin-bottom:16px;
        padding-bottom:12px;
        border-bottom:1px solid rgba(31,122,61,.14);
    }

    .hero .match-card-kicker{
        display:inline-flex;
        align-items:center;
        gap:9px;
        color:var(--green);
        font-size:11px;
        font-weight:900;
        letter-spacing:.12em;
        text-transform:uppercase;
    }

    .hero .match-card-kicker::before{
        content:"";
        width:7px;
        height:7px;
        border-radius:50%;
        background:var(--green);
        box-shadow:0 0 0 5px rgba(31,122,61,.1);
    }

    .hero .match-date-pill{
        display:inline-flex;
        align-items:center;
        min-height:32px;
        padding:7px 10px;
        border:1px solid rgba(31,122,61,.16);
        background:#f4faf6;
        color:var(--text);
        font-size:12px;
        font-weight:900;
        white-space:nowrap;
    }

    .hero .match-teams{
        position:relative;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
        gap:12px;
        align-items:center;
        text-align:left;
    }

    .hero .match-team{
        min-width:0;
        display:grid;
        grid-template-columns:54px minmax(0,1fr);
        align-items:center;
        gap:10px;
        font-size:16px;
        line-height:1.18;
        font-weight:900;
        text-align:left;
    }

    .hero .match-logo{
        width:54px;
        height:54px;
        border-radius:8px;
        font-size:20px;
        border-color:rgba(31,122,61,.18);
        box-shadow:0 12px 26px rgba(16,24,40,.1), inset 0 1px 0 rgba(255,255,255,.9);
    }

    .hero .match-team strong{
        display:block;
        min-width:0;
        overflow-wrap:anywhere;
    }

    .hero .vs{
        width:42px;
        height:42px;
        font-size:14px;
        border:4px solid #fff;
        box-shadow:0 14px 28px rgba(31,122,61,.2);
        flex:0 0 auto;
    }

    .hero .match-details{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        margin-top:16px;
        padding-top:0;
        gap:8px;
        font-size:13px;
        border-top:0;
    }

    .hero .match-detail strong{
        margin-bottom:3px;
        font-size:10px;
        text-transform:uppercase;
        letter-spacing:.1em;
    }

    .hero .match-detail{
        min-width:0;
        padding:10px;
        border:1px solid rgba(31,122,61,.12);
        background:linear-gradient(135deg,#f8fbf9,#ffffff);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    }

    .hero .match-detail span{
        display:block;
        color:#607080;
        font-weight:800;
        line-height:1.25;
        overflow-wrap:normal;
        word-break:normal;
    }

    .hero-card-action{
        position:relative;
        z-index:1;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        margin-top:0;
        min-height:34px;
        padding:8px 12px;
        border:1px solid rgba(255,255,255,.2);
        background:linear-gradient(135deg,var(--green),var(--green2));
        color:#fff;
        font-size:11px;
        font-weight:900;
        text-transform:uppercase;
        box-shadow:0 18px 38px rgba(0,0,0,.24);
        border-radius:7px;
    }

    .home-league-board{
        background:
            linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,250,248,.9)),
            #fff;
        border:1px solid rgba(31,122,61,.16);
        border-radius:0;
        box-shadow:0 30px 70px rgba(16,24,40,.12), 10px 10px 0 rgba(31,122,61,.12);
        overflow:hidden;
    }

    .home-section-dark{
        position:relative;
        background:
            linear-gradient(135deg,rgba(8,18,14,.96),rgba(18,42,30,.9)),
            #08120e;
        color:#fff;
        overflow:hidden;
    }

    .home-section-dark::before{
        content:"";
        position:absolute;
        inset:0;
        background:
            linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.045) 48% 49%,transparent 49% 100%),
            radial-gradient(circle at 76% 20%,rgba(31,122,61,.2),transparent 24%);
        pointer-events:none;
    }

    .home-section-dark .container{
        position:relative;
        z-index:1;
    }

    .home-section-dark .section-head h2,
    .home-section-dark .section-head p{
        color:#fff;
    }

    .home-section-dark .section-head p{
        color:rgba(255,255,255,.74);
    }

    .club-pulse-grid{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:16px;
    }

    .club-pulse-card{
        position:relative;
        min-height:220px;
        padding:24px;
        border:1px solid rgba(255,255,255,.14);
        border-top:4px solid var(--green);
        background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
        box-shadow:0 24px 56px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12);
        backdrop-filter:blur(18px) saturate(140%);
        -webkit-backdrop-filter:blur(18px) saturate(140%);
    }

    .club-pulse-card span{
        color:#dfffe9;
        font-size:12px;
        font-weight:900;
        letter-spacing:.12em;
        text-transform:uppercase;
    }

    .club-pulse-card h3{
        margin:36px 0 12px;
        color:#fff;
        font-size:26px;
        line-height:1.05;
    }

    .club-pulse-card p{
        margin:0;
        color:rgba(255,255,255,.72);
        line-height:1.65;
    }

    .home-modern-section{
        background:#f4f8f5;
    }

    .home-modern-section .section-head{
        padding-left:22px;
        border-left:5px solid var(--green);
    }

    .home-modern-section .section-head h2{
        text-transform:uppercase;
        letter-spacing:0;
    }

    .bracket-title{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:9px;
        margin:0 0 34px;
        color:var(--text);
        font-size:28px;
        font-weight:900;
        letter-spacing:.01em;
        text-align:center;
        text-transform:uppercase;
    }

    .bracket-title:before,
    .bracket-title:after{
        color:var(--green);
        font-weight:900;
    }

    .bracket-title:before{content:"["}
    .bracket-title:after{content:"]"}

    .home-fixture-showcase{
        background:linear-gradient(180deg,#f6fbff 0%,#ffffff 68%);
        padding-top:58px;
    }

    .home-fixture-stage{
        max-width:1160px;
        margin:0 auto;
    }

    .home-fixture-card{
        position:relative;
        min-height:360px;
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(240px,.58fr);
        align-items:center;
        gap:32px;
        padding:42px;
        background:
            linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.86) 48%,rgba(255,255,255,.66)),
            var(--fixture-bg, linear-gradient(135deg,#ffffff,#e9f7ef));
        background-position:center;
        background-size:cover;
        border:1px solid rgba(23,33,43,.12);
        border-radius:24px;
        box-shadow:
            0 32px 70px rgba(16,24,40,.14),
            0 6px 0 rgba(31,122,61,.12),
            inset 0 0 0 1px rgba(255,255,255,.82);
        overflow:hidden;
        transition:transform .2s ease, box-shadow .2s ease;
    }

    .home-fixture-card:before{
        content:"";
        position:absolute;
        inset:0;
        background:inherit;
        filter:blur(18px) saturate(1.1);
        transform:scale(1.06);
        opacity:.28;
        z-index:0;
    }

    .home-fixture-card:after{
        content:"";
        position:absolute;
        inset:18px;
        border-radius:18px;
        border:2px solid rgba(255,255,255,.7);
        box-shadow:
            inset 0 0 0 1px rgba(31,122,61,.14),
            0 0 0 1px rgba(31,122,61,.05);
        pointer-events:none;
    }

    .home-fixture-card:hover{
        transform:translateY(-4px);
        box-shadow:
            0 30px 60px rgba(16,24,40,.17),
            0 5px 0 rgba(31,122,61,.18),
            inset 0 0 0 1px rgba(31,122,61,.16);
    }

    .home-fixture-card > *{
        position:relative;
        z-index:1;
    }

    .home-fixture-copy{
        max-width:610px;
    }

    .home-fixture-kicker{
        color:var(--green);
        font-size:13px;
        font-weight:900;
        letter-spacing:.12em;
        text-transform:uppercase;
    }

    .home-fixture-copy h3{
        margin:14px 0 16px;
        color:var(--text);
        font-size:clamp(34px, 5vw, 68px);
        line-height:.95;
        text-transform:uppercase;
    }

    .home-fixture-copy p{
        color:var(--muted);
        max-width:520px;
        font-size:18px;
        line-height:1.55;
    }

    .home-fixture-date{
        display:inline-flex;
        align-items:center;
        margin-top:28px;
        padding:11px 15px;
        border:1px solid rgba(31,122,61,.16);
        border-radius:999px;
        background:rgba(255,255,255,.78);
        color:var(--text);
        font-weight:900;
        box-shadow:0 12px 28px rgba(16,24,40,.08);
    }

    .home-fixture-teams{
        display:grid;
        grid-template-columns:1fr auto 1fr;
        align-items:center;
        gap:16px;
        padding:24px;
        border:1px solid rgba(31,122,61,.14);
        border-radius:18px;
        background:rgba(255,255,255,.86);
        box-shadow:0 24px 50px rgba(16,24,40,.1);
        text-align:center;
    }

    .home-fixture-crest{
        width:86px;
        height:86px;
        margin:0 auto;
        border-radius:18px;
        border:1px solid var(--line);
        display:flex;
        align-items:center;
        justify-content:center;
        color:var(--green);
        font-size:24px;
        font-weight:900;
        background:#fff;
        overflow:hidden;
        box-shadow:
            0 12px 26px rgba(16,24,40,.09),
            inset 0 0 0 2px rgba(255,255,255,.9);
    }

    .home-fixture-crest img{
        width:100%;
        height:100%;
        object-fit:contain;
        padding:8px;
    }

    .home-fixture-team{
        min-width:0;
        display:flex;
        flex-direction:column;
        gap:12px;
        align-items:center;
    }

    .home-fixture-team strong{
        color:var(--text);
        font-size:18px;
        line-height:1.2;
    }

    .home-fixture-meta strong{
        display:block;
        color:var(--text);
        font-size:15px;
        line-height:1.25;
    }

    .home-fixture-meta .date{
        margin-top:8px;
        color:var(--muted);
        font-weight:700;
        font-size:14px;
    }

    .home-fixture-line{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:58px;
        height:58px;
        border-radius:50%;
        background:var(--green);
        color:#fff;
        font-size:20px;
        font-weight:900;
        text-transform:uppercase;
        box-shadow:0 16px 28px rgba(31,122,61,.22);
    }

    .home-fixture-line .vs{
        width:auto;
        height:auto;
        background:transparent;
        color:var(--green);
        font-size:25px;
        border-radius:0;
    }

    .home-fixture-action{
        display:inline-flex;
        padding:11px 18px;
        margin-top:34px;
        border-radius:6px;
        background:var(--green);
        color:#fff;
        font-size:13px;
        font-weight:900;
        text-transform:uppercase;
    }

    .home-league-title{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:14px;
        background:
            linear-gradient(90deg,rgba(8,18,14,.98),rgba(31,122,61,.86)),
            var(--green2);
        color:#fff;
        padding:26px;
        text-align:center;
    }

    .home-league-title img{
        width:42px;
        height:34px;
        object-fit:contain;
        background:#fff;
        border-radius:4px;
        padding:3px;
    }

    .home-league-title h3{
        margin:0;
        font-size:26px;
        letter-spacing:.04em;
        text-transform:uppercase;
    }

    .home-table-wrap{
        overflow-x:auto;
    }

    .home-league-table{
        width:100%;
        min-width:820px;
        border-collapse:collapse;
        background:#fff;
    }

    .home-league-table th{
        background:#edf7f1;
        color:var(--green);
        padding:16px 14px;
        text-align:center;
        text-transform:uppercase;
        font-size:13px;
        letter-spacing:.08em;
        border-bottom:1px solid var(--line);
    }

    .home-league-table th:nth-child(2),
    .home-league-table td:nth-child(2){
        text-align:left;
    }

    .home-league-table td{
        padding:18px 14px;
        border-bottom:1px solid var(--line);
        text-align:center;
        font-weight:800;
        color:var(--text);
    }

    .home-league-table tbody tr:last-child td{
        border-bottom:none;
    }

    .home-league-table .team-cell{
        display:flex;
        align-items:center;
        gap:14px;
    }

    .home-league-table .team-logo{
        width:46px;
        height:46px;
        border-radius:50%;
        border:1px solid var(--line);
        background:#fff;
        color:var(--green);
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:13px;
        font-weight:900;
        overflow:hidden;
        flex-shrink:0;
    }

    .home-league-table .team-logo img{
        width:100%;
        height:100%;
        object-fit:contain;
        padding:5px;
    }

    .home-league-table .team-meta strong{
        display:block;
        text-transform:uppercase;
    }

    .home-league-table .team-meta span{
        display:block;
        margin-top:4px;
        color:var(--muted);
        font-size:13px;
        font-weight:700;
    }

    .home-league-table .points,
    .home-league-table .gd-positive{
        color:var(--green);
    }

    .home-highlight-row{
        background:#f5fbf7;
    }

    .home-highlight-row td:first-child{
        border-left:5px solid var(--green2);
    }

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

    .result-card{
        background:
            linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,251,249,.94)),
            #fff;
        border:1px solid rgba(31,122,61,.15);
        border-top:4px solid var(--green);
        border-radius:0;
        padding:24px;
        box-shadow:0 24px 58px rgba(16,24,40,.11);
    }

    .result-link-card,
    .home-news-link-card{
        display:block;
        height:100%;
        transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .result-link-card:hover,
    .home-news-link-card:hover{
        transform:translateY(-3px);
        border-color:#b7e4c7;
        box-shadow:0 18px 38px rgba(16,24,40,.12);
    }

    .result-teams{
        display:grid;
        grid-template-columns:1fr auto 1fr;
        gap:18px;
        align-items:center;
    }

    .result-team{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:10px;
        text-align:center;
        min-width:0;
    }

    .result-name{
        color:var(--text);
        font-weight:900;
        text-transform:uppercase;
        line-height:1.25;
    }

    .result-score{
        color:var(--green);
        font-size:42px;
        font-weight:900;
        white-space:nowrap;
    }

    .result-meta{
        margin-top:18px;
        padding-top:16px;
        border-top:1px solid var(--line);
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        color:var(--muted);
        font-weight:700;
        line-height:1.5;
    }

    .home-card-action{
        display:inline-flex;
        margin-top:14px;
        color:var(--green);
        font-weight:900;
    }

    .home-news-card{
        border-radius:0;
        border-top:4px solid var(--green);
        background:linear-gradient(135deg,#fff,#f7fbf9);
        box-shadow:0 22px 50px rgba(16,24,40,.1);
    }

    .home-partner-panel{
        display:grid;
        grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
        gap:28px;
        align-items:stretch;
        padding:34px;
        border:1px solid rgba(255,255,255,.14);
        border-top:4px solid var(--green);
        background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
        box-shadow:0 30px 70px rgba(0,0,0,.24);
    }

    .home-partner-panel h2,
    .home-partner-panel h3{
        color:#fff;
    }

    .home-partner-panel p{
        color:rgba(255,255,255,.72);
    }

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

    .home-partner-item{
        display:flex;
        gap:14px;
        align-items:center;
        padding:16px;
        border:1px solid rgba(255,255,255,.13);
        background:rgba(255,255,255,.08);
    }

    .official-partner-feature{
        display:grid;
        grid-template-columns:minmax(120px,180px) minmax(0,1fr);
        gap:18px;
        align-items:center;
        padding:20px;
        border:1px solid rgba(255,255,255,.16);
        border-top:4px solid #f0b429;
        background:rgba(255,255,255,.1);
        box-shadow:0 18px 42px rgba(0,0,0,.22);
        color:#fff;
    }

    .official-partner-logo{
        min-height:180px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:rgba(255,255,255,.94);
        color:var(--green);
        font-size:clamp(24px, 5vw, 38px);
        font-weight:900;
        line-height:1.1;
        text-align:center;
        padding:16px;
        overflow:hidden;
    }

    .official-partner-logo img{
        width:100%;
        height:auto;
        max-height:220px;
        object-fit:contain;
    }

    .official-partner-fallback{
        display:block;
        max-width:100%;
        overflow-wrap:break-word;
    }

    [hidden],
    .official-partner-fallback[hidden],
    .home-partner-logo[hidden]{
        display:none !important;
    }

    .official-partner-feature small{
        color:#d8ffe5;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.06em;
    }

    .official-partner-feature h3{
        margin:8px 0 10px;
        color:#fff;
        font-size:clamp(26px, 4vw, 42px);
        line-height:1.05;
    }

    .official-partner-feature p{margin:0}

    .home-gallery-strip{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:20px;
        align-items:stretch;
    }

    .home-gallery-strip .gallery-item{
        height:auto;
        min-height:0;
        aspect-ratio:5 / 4;
        border-radius:0;
        border:1px solid rgba(31,122,61,.14);
        box-shadow:0 24px 58px rgba(16,24,40,.1);
        background:#0d1b14;
    }

    .home-gallery-strip .gallery-item img{
        object-fit:cover;
        background:#0d1b14;
    }

    .home-cta{
        border-radius:0;
        border:1px solid rgba(255,255,255,.14);
        border-top:5px solid var(--green);
        background:
            linear-gradient(135deg,rgba(8,18,14,.92),rgba(31,122,61,.76)),
            #0b1712;
        box-shadow:0 30px 70px rgba(16,24,40,.2), 10px 10px 0 rgba(31,122,61,.12);
    }

    @media(max-width:900px){
        .hero{
            min-height:auto;
            padding:72px 0;
        }

        .hero-grid{
            grid-template-columns:1fr;
            gap:34px;
        }

        .hero-copy{padding-left:22px}
        .hero h2{font-size:clamp(34px, 8vw, 48px)}
        .hero p{font-size:17px}
        .hero-card{padding:16px}
        .hero .match-team{font-size:15px}
        .hero .match-logo{width:50px;height:50px}
        .hero .vs{width:38px;height:38px;font-size:13px}
        .hero .match-details{grid-template-columns:repeat(2,minmax(0,1fr))}

        .home-league-title h3{font-size:20px}
        .club-pulse-grid,
        .home-partner-panel,
        .official-partner-feature,
        .home-partner-list,
        .home-gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
        .hero-proof{grid-template-columns:1fr}
        .home-fixture-card{grid-template-columns:1fr;gap:28px;padding:30px;min-height:auto}
        .home-fixture-copy{text-align:center;margin:0 auto}
        .home-fixture-date{margin-top:20px}
        .results-grid{grid-template-columns:1fr}
        .result-card{padding:18px}
        .result-teams{gap:10px}
        .result-score{font-size:34px}
        .result-meta{grid-template-columns:1fr}
    }

    @media(max-width:640px){
        .hero{padding:42px 0}
        .hero .eyebrow{font-size:12px;padding:0}
        .hero-copy{padding-left:18px}
        .hero-copy::before{width:4px;top:10px;bottom:10px}
        .next-match-head{align-items:flex-start}
        .hero-card{padding:14px}
        .hero .match-box{padding:15px}
        .hero .match-card-top{align-items:flex-start;flex-direction:column;gap:8px}
        .hero .match-teams{grid-template-columns:1fr;gap:10px}
        .hero .match-team{grid-template-columns:44px minmax(0,1fr);font-size:15px}
        .hero .match-logo{width:44px;height:44px;border-radius:8px}
        .hero .vs{justify-self:start;width:auto;height:auto;min-height:30px;padding:5px 10px;border-radius:999px;border-width:2px}
        .hero .match-details{grid-template-columns:1fr}
        .hero-proof-item strong{font-size:21px}
        .home-fixture-card,
        .result-card{border-radius:12px}
        .home-league-title{padding:18px}
    }

    @media(max-width:767px){
        .home-partner-panel{
            grid-template-columns:1fr;
            gap:18px;
            padding:22px 16px;
        }

        .home-partner-panel > div,
        .official-partner-feature > div,
        .home-partner-item > div,
        .footer-sponsor{
            min-width:0;
        }

        .home-partner-panel .btn{
            width:100%;
            max-width:none;
            justify-content:center;
        }

        .official-partner-feature,
        .home-partner-list{
            grid-template-columns:1fr;
        }

        .official-partner-feature{
            gap:14px;
            padding:16px;
            align-items:start;
        }

        .official-partner-logo{
            min-height:clamp(170px, 58vw, 260px);
            padding:12px;
        }

        .official-partner-logo img{
            height:auto;
            max-height:clamp(160px, 54vw, 240px);
            width:100%;
            object-fit:contain;
        }

        .official-partner-feature h3{
            font-size:clamp(22px, 7vw, 30px);
            line-height:1.12;
            overflow-wrap:break-word;
        }

        .home-partner-list{
            gap:12px;
        }

        .home-partner-item{
            flex-direction:column;
            align-items:flex-start;
            gap:12px;
            padding:14px;
        }

        .home-partner-logo{
            width:64px;
            height:64px;
            object-fit:contain;
        }

        .home-partner-name,
        .home-partner-meta{
            line-height:1.45;
            overflow-wrap:break-word;
        }

        .home-partner-meta{
            margin-top:6px;
        }

        .footer-sponsor .sponsor-card{
            width:100%;
            max-width:none;
        }

        .footer-sponsor .sponsor-card img{
            width:100%;
            height:auto;
            max-height:104px;
            object-fit:contain;
        }

        .home-league-board{
            margin:0 12px;
            border-radius:12px;
        }

        .home-league-title{
            padding:16px 14px;
            gap:10px;
        }

        .home-league-title img{
            width:34px;
            height:28px;
        }

        .home-league-title h3{
            font-size:18px;
        }

        .home-table-wrap{
            overflow:visible;
        }

        .home-league-table{
            min-width:0;
            table-layout:fixed;
        }

        .home-league-table thead{
            display:none;
        }

        .home-league-table tbody tr{
            display:grid;
            grid-template-columns:minmax(0,1fr) minmax(0,1fr);
            border-top:1px solid var(--line);
        }

        .home-league-table tbody td{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            padding:10px 12px;
            text-align:left;
            font-size:13px;
            min-width:0;
            overflow-wrap:anywhere;
        }

        .home-league-table tbody td::before{
            content:attr(data-label);
            color:var(--muted);
            font-size:11px;
            font-weight:900;
            letter-spacing:.06em;
            text-transform:uppercase;
            flex:0 0 auto;
        }

        .home-league-table tbody td:nth-child(2){
            grid-column:1 / -1;
            align-items:flex-start;
            padding-top:12px;
            padding-bottom:12px;
        }

        .home-league-table tbody td[colspan]{
            grid-column:1 / -1;
            justify-content:center;
        }

        .home-league-table tbody td[colspan]::before{
            content:"";
        }

        .home-league-table .team-cell{
            width:100%;
            gap:10px;
        }

        .home-league-table .team-logo{
            width:40px;
            height:40px;
        }

        .home-league-table .team-meta strong{
            font-size:13px;
            line-height:1.3;
        }

        .home-league-table .team-meta span{
            font-size:12px;
            line-height:1.35;
        }
    }

/* resources/views/website/club.blade.php */
.club-page{
        background:
            linear-gradient(180deg,#f7faf8 0%,#eef5f1 54%,#fff 100%);
        overflow:hidden;
    }

    .club-hero{
        position:relative;
        padding:34px 0 46px;
        border-bottom:1px solid var(--line);
    }

    .club-hero:before{
        content:"";
        position:absolute;
        inset:0;
        background:
            radial-gradient(circle at 12% 18%,rgba(47,161,90,.16),transparent 25%),
            radial-gradient(circle at 86% 34%,rgba(31,122,61,.12),transparent 24%);
        animation:clubGlow 7s ease-in-out infinite alternate;
    }

    .club-hero-inner{
        position:relative;
        z-index:1;
        display:grid;
        grid-template-columns:.95fr 1.05fr;
        gap:34px;
        align-items:center;
    }

    .club-crest{
        display:inline-flex;
        align-items:center;
        gap:12px;
        margin-bottom:18px;
        color:var(--green);
        font-weight:900;
        letter-spacing:.12em;
        text-transform:uppercase;
        font-size:12px;
    }

    .club-crest img{
        width:42px;
        height:42px;
        object-fit:contain;
    }

    .club-hero h2{
        margin:0;
        font-size:clamp(34px, 4.5vw, 52px);
        line-height:1.05;
        max-width:660px;
    }

    .club-hero p{
        color:var(--muted);
        font-size:17px;
        line-height:1.7;
        max-width:620px;
        margin:18px 0 0;
    }

    .club-visual{
        position:relative;
        min-height:360px;
    }

    .club-photo{
        position:absolute;
        border-radius:16px;
        overflow:hidden;
        border:1px solid rgba(31,122,61,.16);
        box-shadow:0 18px 42px rgba(16,24,40,.14);
        background:#fff;
        animation:floatCard 6s ease-in-out infinite;
    }

    .club-photo img,
    .club-photo .club-placeholder,
    .club-photo-frame,
    .club-photo-frame span{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .club-photo-frame{
        position:relative;
        overflow:hidden;
    }

    .club-photo-frame span{
        position:absolute;
        inset:0;
        background-position:center;
        background-size:cover;
        opacity:0;
        animation:clubGalleryFade var(--club-gallery-duration, 12s) infinite;
    }

    .club-photo-frame span:only-child{
        opacity:1;
        animation:none;
    }

    .club-photo.main{
        inset:26px 88px 18px 0;
    }

    .club-photo.small{
        right:0;
        top:0;
        width:42%;
        height:46%;
        animation-delay:1.1s;
    }

    .club-photo.lower{
        right:26px;
        bottom:0;
        width:36%;
        height:35%;
        animation-delay:2s;
    }

    .club-placeholder{
        display:flex;
        align-items:center;
        justify-content:center;
        background:linear-gradient(135deg,#e9f7ef,#fff);
        color:var(--green);
        font-weight:900;
        min-height:160px;
    }

    .club-stats{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px;
        margin-top:-28px;
        position:relative;
        z-index:2;
    }

    .club-stat-card{
        background:#fff;
        border:1px solid rgba(31,122,61,.12);
        border-radius:12px;
        padding:24px;
        box-shadow:0 18px 44px rgba(16,24,40,.09);
        transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .club-stat-card:hover{
        transform:translateY(-7px);
        border-color:rgba(31,122,61,.32);
        box-shadow:0 24px 58px rgba(16,24,40,.13);
    }

    .club-stat-card .stat{
        margin-bottom:4px;
    }

    .club-story{
        display:grid;
        grid-template-columns:.8fr 1.2fr;
        gap:28px;
        align-items:stretch;
        padding:54px 0;
    }

    .club-panel{
        background:#fff;
        border:1px solid var(--line);
        border-radius:16px;
        padding:28px;
        box-shadow:var(--shadow);
    }

    .club-panel.dark-accent{
        background:linear-gradient(135deg,#0e1e18,#1f7a3d);
        color:#fff;
        position:relative;
        overflow:hidden;
    }

    .club-panel.dark-accent:after{
        content:"GG";
        position:absolute;
        right:-20px;
        bottom:-32px;
        font-size:130px;
        font-weight:900;
        color:rgba(255,255,255,.07);
    }

    .club-panel h3{
        margin:12px 0 12px;
        font-size:28px;
        line-height:1.15;
    }

    .club-panel p{
        line-height:1.75;
    }

    .club-values{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px;
    }

    .value-card{
        background:#fff;
        border:1px solid rgba(31,122,61,.12);
        border-radius:12px;
        padding:22px;
        min-height:190px;
        box-shadow:0 14px 34px rgba(16,24,40,.07);
        transition:transform .25s ease, background .25s ease;
    }

    .value-card:hover{
        transform:translateY(-6px);
        background:#f7fcf9;
    }

    .value-icon{
        width:42px;
        height:42px;
        border-radius:14px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#e9f7ef;
        color:var(--green);
        margin-bottom:14px;
        animation:trophyPulse 2.8s ease-in-out infinite;
    }

    .value-icon svg{
        width:24px;
        height:24px;
        stroke:currentColor;
        stroke-width:2.2;
        fill:none;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .value-card:nth-child(2) .value-icon{
        animation-delay:.45s;
    }

    .value-card:nth-child(3) .value-icon{
        animation-delay:.9s;
    }

    .value-card h4{
        margin:0 0 10px;
        font-size:18px;
    }

    .value-card p{
        margin:0;
        color:var(--muted);
        line-height:1.65;
    }

    @keyframes floatCard{
        0%,100%{transform:translateY(0)}
        50%{transform:translateY(-10px)}
    }

    @keyframes clubGlow{
        from{opacity:.75;transform:scale(1)}
        to{opacity:1;transform:scale(1.03)}
    }

    @keyframes clubGalleryFade{
        0%,100%{opacity:0}
        8%,30%{opacity:1}
        38%{opacity:0}
    }

    @keyframes trophyPulse{
        0%,100%{transform:translateY(0) rotate(0);box-shadow:0 0 0 0 rgba(47,161,90,.18)}
        50%{transform:translateY(-5px) rotate(-3deg);box-shadow:0 12px 26px rgba(47,161,90,.22)}
    }

    @media(max-width:900px){
        .club-hero-inner,
        .club-story,
        .club-stats,
        .club-values{grid-template-columns:1fr}
        .club-visual{min-height:300px}
        .club-photo.main{right:55px}
        .club-stats{margin-top:22px}
    }

    @media(max-width:640px){
        .club-hero{padding:28px 0 34px}
        .club-visual{min-height:240px}
        .club-photo.main{inset:18px 44px 18px 0}
        .club-photo.small{width:44%;height:42%}
        .club-photo.lower{right:10px;width:42%}
    }

/* resources/views/website/fixtures.blade.php */
.fixtures-board{
        position:relative;
        isolation:isolate;
        min-height:calc(100vh - 82px);
        background:
            linear-gradient(180deg,rgba(246,250,248,.9),rgba(255,255,255,.86)),
            radial-gradient(circle at 20% 16%,rgba(31,122,61,.16),transparent 28%),
            linear-gradient(135deg,#f7fbf8,#e8f5ee);
    }

    .fixtures-board:before{
        content:"";
        position:absolute;
        inset:0;
        z-index:-1;
        background:
            radial-gradient(circle at 18% 12%,rgba(255,255,255,.82),transparent 30%),
            linear-gradient(90deg,rgba(255,255,255,.9),rgba(233,247,239,.78));
        backdrop-filter:blur(1px);
    }

    .fixtures-board .section-head{
        padding:28px 30px;
        margin-bottom:32px;
        border:1px solid rgba(255,255,255,.82);
        border-radius:12px;
        background:rgba(255,255,255,.72);
        box-shadow:0 18px 44px rgba(16,24,40,.09);
    }

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

    .fixture-match-card{
        position:relative;
        display:grid;
        grid-template-columns:112px minmax(0,1fr) 112px;
        align-items:center;
        min-height:236px;
        padding:28px 34px;
        border-radius:12px;
        background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.9));
        border:1px solid rgba(255,255,255,.92);
        box-shadow:
            0 28px 58px rgba(16,24,40,.18),
            0 3px 0 rgba(31,122,61,.18),
            inset 0 0 0 1px rgba(31,122,61,.12);
        overflow:hidden;
        transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .fixture-match-card:before{
        content:"";
        position:absolute;
        top:0;
        left:50%;
        transform:translateX(-50%);
        border-left:18px solid transparent;
        border-right:18px solid transparent;
        border-top:18px solid rgba(31,122,61,.16);
    }

    .fixture-match-card:after{
        content:"";
        position:absolute;
        inset:9px;
        z-index:0;
        border-radius:6px;
        border:1px solid rgba(31,122,61,.13);
        pointer-events:none;
    }

    .fixture-match-card:hover{
        transform:translateY(-4px);
        border-color:rgba(31,122,61,.28);
        box-shadow:
            0 34px 70px rgba(16,24,40,.24),
            0 5px 0 rgba(31,122,61,.2),
            inset 0 0 0 1px rgba(31,122,61,.18);
    }

    .fixture-side{
        position:relative;
        z-index:1;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:12px;
        text-align:center;
        min-width:0;
    }

    .fixture-side-name{
        font-size:13px;
        font-weight:900;
        line-height:1.2;
        color:var(--text);
    }

    .fixture-crest{
        width:82px;
        height:82px;
        border-radius:14px;
        border:1px solid var(--line);
        background:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        color:var(--green);
        font-size:28px;
        font-weight:900;
        overflow:hidden;
        box-shadow:
            0 14px 28px rgba(16,24,40,.1),
            inset 0 0 0 2px rgba(255,255,255,.9);
    }

    .fixture-crest img{
        width:100%;
        height:100%;
        object-fit:contain;
        padding:9px;
    }

    .fixture-center{
        position:relative;
        z-index:1;
        text-align:center;
        min-width:0;
    }

    .fixture-venue{
        margin:0;
        color:var(--text);
        font-size:16px;
        font-weight:900;
    }

    .fixture-date{
        margin-top:8px;
        color:var(--muted);
        font-size:15px;
        font-weight:700;
    }

    .fixture-lineup{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:22px;
        margin:24px 0 18px;
        color:var(--green);
        font-weight:900;
    }

    .fixture-abbr{
        min-width:52px;
        font-size:17px;
        letter-spacing:.03em;
        text-transform:uppercase;
    }

    .fixture-vs{
        color:var(--green);
        font-size:28px;
        line-height:1;
        text-shadow:0 8px 18px rgba(31,122,61,.18);
    }

    .fixture-status{
        display:inline-flex;
        padding:5px 9px;
        border-radius:999px;
        background:#e9f7ef;
        color:var(--green);
        font-size:11px;
        font-weight:900;
        text-transform:uppercase;
    }

    .fixture-card-action{
        display:inline-flex;
        margin-top:16px;
        color:var(--green);
        font-weight:900;
    }

    @media(max-width:1100px){
        .fixtures-grid{grid-template-columns:1fr}
    }

    @media(max-width:640px){
        .fixture-match-card{grid-template-columns:1fr;gap:18px;padding:24px}
        .fixture-center{order:-1}
        .fixture-lineup{margin:18px 0 12px}
        .fixtures-board .section-head{padding:22px}
    }

    @media(max-width:640px){
        .fixtures-grid{
            gap:16px;
        }

        .fixture-match-card{
            grid-template-columns:minmax(58px,72px) minmax(0,1fr) minmax(58px,72px) !important;
            align-items:center;
            gap:10px;
            min-height:210px;
            padding:18px 12px;
        }

        .fixture-center{
            order:0;
        }

        .fixture-side{
            gap:8px;
            align-self:center;
        }

        .fixture-crest{
            width:64px;
            height:64px;
            border-radius:12px;
            font-size:23px;
        }

        .fixture-crest img{
            padding:7px;
        }

        .fixture-side-name{
            font-size:11px;
            line-height:1.15;
            overflow-wrap:anywhere;
        }

        .fixture-venue{
            font-size:14px;
            line-height:1.2;
        }

        .fixture-date{
            margin-top:8px;
            font-size:13px;
            line-height:1.25;
        }

        .fixture-location{
            font-size:13px;
            line-height:1.25;
        }

        .fixture-lineup{
            gap:8px;
            margin:18px 0 12px;
        }

        .fixture-abbr{
            min-width:30px;
            font-size:13px;
        }

        .fixture-vs{
            font-size:25px;
        }

        .fixture-status{
            padding:5px 8px;
            font-size:10px;
        }

        .fixture-card-action{
            margin-top:14px;
            font-size:13px;
            line-height:1.2;
            justify-content:center;
        }
    }

    @media(max-width:360px){
        .fixture-match-card{
            grid-template-columns:52px minmax(0,1fr) 52px !important;
            gap:8px;
            padding:16px 10px;
        }

        .fixture-crest{
            width:52px;
            height:52px;
            font-size:20px;
        }

        .fixture-side-name{
            font-size:10px;
        }

        .fixture-date,
        .fixture-location{
            font-size:12px;
        }

        .fixture-abbr{
            min-width:24px;
            font-size:12px;
        }

        .fixture-vs{
            font-size:22px;
        }
    }

    .fixtures-board{
        background:linear-gradient(135deg,#f7fbf8 0%,#ffffff 54%,#eef7f2 100%);
    }

    .fixtures-board .container{
        max-width:1120px;
    }

    .fixtures-board .fixtures-head{
        position:relative;
        align-items:flex-start;
        padding:42px 44px;
        margin-bottom:34px;
        border:1px solid rgba(16,24,40,.08);
        border-radius:22px;
        background:#fff;
        box-shadow:0 22px 54px rgba(16,24,40,.1);
    }

    .fixtures-board .fixtures-head h2{
        position:relative;
        margin:0;
        color:#071221;
        font-size:clamp(44px, 6vw, 68px);
        line-height:.98;
        letter-spacing:0;
    }

    .fixtures-board .fixtures-head h2:after{
        content:"";
        display:block;
        width:72px;
        height:7px;
        margin-top:22px;
        border-radius:999px;
        background:var(--green);
    }

    .fixtures-board .fixtures-head p{
        max-width:520px;
        margin-top:26px;
        color:#5b6877;
        font-size:24px;
        line-height:1.35;
    }

    @media(max-width:767px){
        .fixtures-grid{
            grid-template-columns:1fr;
            gap:18px;
        }

        .fixture-center{
            display:flex;
            flex-direction:column;
            align-items:center;
        }

        .fixtures-board{
            padding-top:26px;
        }

        .fixtures-board .fixtures-head{
            padding:32px 24px;
            margin-bottom:22px;
            border-radius:18px;
        }

        .fixtures-board .fixtures-head h2{
            font-size:44px;
        }

        .fixtures-board .fixtures-head h2:after{
            width:58px;
            height:6px;
            margin-top:16px;
        }

        .fixtures-board .fixtures-head p{
            margin-top:22px;
            font-size:22px;
        }

        .fixtures-grid{
            gap:18px;
        }

        .fixture-match-card{
            grid-template-columns:minmax(74px,1fr) minmax(0,1.45fr) minmax(74px,1fr) !important;
            gap:10px;
            padding:24px 14px 18px;
            border-radius:18px;
        }

        .fixture-match-card:after{
            border-radius:18px;
        }

        .fixture-venue{
            padding:10px 18px;
            gap:9px;
            font-size:15px;
        }

        .fixture-venue span{
            width:15px;
            height:15px;
            border-width:2px;
            border-top-width:4px;
        }

        .fixture-meta-line{
            gap:10px;
            margin-top:18px;
            font-size:13px;
        }

        .fixture-meta-line span + span{
            padding-left:10px;
        }

        .fixture-location{
            margin-top:12px;
            font-size:14px;
            line-height:1.25;
        }

        .fixture-lineup{
            gap:12px;
            margin:34px 0 16px;
        }

        .fixture-lineup .fixture-abbr{
            min-width:32px;
            font-size:20px;
        }

        .fixture-vs{
            min-width:46px;
            font-size:36px;
        }

        .fixture-vs:before,
        .fixture-vs:after{
            height:32px;
        }

        .fixture-vs:before{left:-5px}
        .fixture-vs:after{right:-5px}

        .fixture-status{
            padding:8px 16px;
            font-size:13px;
        }

        .fixture-card-action{
            min-height:48px;
            margin-top:26px;
            border-radius:10px;
            font-size:15px;
        }

        .fixture-card-action span{
            transform:translateX(10px);
        }

        .fixture-card-action:after{
            padding-right:14px;
            font-size:20px;
        }

        .fixture-crest{
            width:78px;
            height:78px;
            border-radius:18px;
            font-size:30px;
        }

        .fixture-side-name{
            max-width:92px;
            font-size:14px;
            line-height:1.18;
        }
    }

    @media(max-width:380px){
        .fixture-match-card{
            grid-template-columns:64px minmax(0,1fr) 64px !important;
            gap:8px;
            padding:22px 10px 16px;
        }

        .fixture-crest{
            width:64px;
            height:64px;
            border-radius:14px;
            font-size:26px;
        }

        .fixture-side-name{
            max-width:70px;
            font-size:12px;
        }

        .fixture-venue{
            font-size:13px;
            padding:9px 14px;
        }

        .fixture-meta-line,
        .fixture-location{
            font-size:12px;
        }

        .fixture-lineup{
            gap:8px;
        }

        .fixture-lineup .fixture-abbr{
            min-width:26px;
            font-size:17px;
        }

        .fixture-vs{
            min-width:38px;
            font-size:30px;
        }

        .fixture-card-action{
            font-size:13px;
        }
    }

/* resources/views/website/fixture-show.blade.php */
.fixture-detail{max-width:980px;margin:0 auto}
    .fixture-score-card{text-align:center}
    .fixture-detail-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:20px 0}
    .fixture-detail-team{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-weight:900;text-transform:uppercase}
    .fixture-detail-logo{width:86px;height:86px;border-radius:14px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff;color:var(--green);font-size:24px;font-weight:900;overflow:hidden}
    .fixture-detail-logo img{width:100%;height:100%;object-fit:contain;padding:8px}
    .fixture-score{font-size:clamp(34px, 5vw, 46px);font-weight:900;color:var(--green);white-space:nowrap}
    .fixture-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
    .fixture-meta div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f9fbfa}
    .fixture-meta span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;margin-bottom:6px;font-weight:800}
    .report-section{margin-top:24px}
    .report-body{
        white-space:pre-line;
        line-height:1.7;
        color:#374151;
        max-width:100%;
        overflow-wrap:anywhere;
        word-break:break-word;
    }
    .report-grid{
        overflow:hidden;
    }
    .report-grid h3,
    .report-grid p{
        overflow-wrap:anywhere;
        word-break:break-word;
    }
    .report-grid{display:grid;gap:18px}
    @media(max-width:900px){
        .fixture-detail-teams{grid-template-columns:1fr;gap:14px}
        .fixture-meta{grid-template-columns:1fr}
    }

    @media(max-width:640px){
        .fixture-detail-logo{width:70px;height:70px}
    }

/* resources/views/website/standings.blade.php */
.standings-page{
        background:linear-gradient(180deg,#f7faf8 0%,#eef5f1 56%,#fff 100%);
        color:var(--text);
        min-height:calc(100vh - 82px);
        padding:clamp(30px, 6vw, 48px) 0 clamp(48px, 7vw, 76px);
        position:relative;
        overflow:hidden;
    }
    .standings-page:before{
        content:"STANDINGS";
        position:absolute;
        top:-20px;
        left:50%;
        transform:translateX(-50%);
        font-size:clamp(72px, 12vw, 150px);
        line-height:1;
        font-weight:900;
        color:rgba(31,122,61,.055);
        letter-spacing:.04em;
        pointer-events:none;
    }
    .standings-hero{text-align:center;position:relative;z-index:1;padding:0 0 34px}
    .season-pill{display:inline-flex;background:#e9f7ef;border:1px solid rgba(47,161,90,.18);color:var(--green);padding:9px 22px;border-radius:999px;font-size:15px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .standings-hero h2{margin:22px 0 0;font-size:clamp(34px, 5vw, 52px);line-height:1;text-transform:uppercase;letter-spacing:0;color:var(--text)}
    .league-board{position:relative;z-index:1;max-width:1200px;margin:0 auto;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
    .league-board-title{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--green2);padding:24px;text-align:center}
    .league-board-title img{width:42px;height:34px;object-fit:contain;background:#fff;border-radius:4px;padding:3px}
    .league-board-title h3{margin:0;color:#fff;font-size:26px;text-transform:uppercase;letter-spacing:.04em}
    .league-table-wrap{overflow-x:auto}
    .league-table{width:100%;min-width:820px;border-collapse:collapse;background:#fff;color:var(--text)}
    .league-table th{background:#f0f7f3;color:var(--green);text-transform:uppercase;font-size:13px;letter-spacing:.08em;padding:16px 14px;border-bottom:1px solid var(--line);text-align:center}
    .league-table th:nth-child(2),.league-table td:nth-child(2){text-align:left}
    .league-table td{padding:18px 14px;border-bottom:1px solid var(--line);font-weight:800;text-align:center;color:var(--text)}
    .league-table tbody tr:last-child td{border-bottom:none}
    .league-table .team-cell{text-align:left;display:flex;align-items:center;gap:14px}
    .league-table .team-meta strong{display:block;text-transform:uppercase}
    .league-table .team-meta span{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:700}
    .team-logo{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--green);font-size:13px;font-weight:900;overflow:hidden;flex-shrink:0}
    .team-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
    .points,.gd-positive{color:var(--green)}
    .highlight-row{background:#f5fbf7}
    .highlight-row td:first-child{border-left:5px solid var(--green2)}
    .standings-mobile-tabs,
    .mobile-standings-list{display:none}
    @media(max-width:900px){
        .standings-page{padding-top:26px}
        .standings-page:before{top:10px}
        .season-pill{font-size:15px;padding:8px 14px}
        .standings-hero h2{margin-top:24px}
        .league-board{border-radius:12px;margin:0 12px}
        .league-board-title h3{font-size:20px}
        .league-table .team-meta span{font-size:13px}
    }

    @media(max-width:767px){
        .standings-page{
            padding-top:20px;
        }

        .standings-hero{
            padding:0 0 24px;
        }

        .standings-hero h2{
            margin-top:18px;
            font-size:clamp(28px, 10vw, 38px);
        }

        .league-board{
            margin:0 12px;
            border-radius:12px;
        }

        .league-board-title{
            padding:18px 16px;
            gap:10px;
        }

        .league-board-title img{
            width:34px;
            height:28px;
        }

        .league-board-title h3{
            font-size:18px;
        }

        .league-table-wrap{
            overflow:visible;
        }

        .league-table{
            min-width:0;
            table-layout:fixed;
        }

        .league-table thead{
            display:none;
        }

        .league-table tbody tr{
            display:grid;
            grid-template-columns:minmax(0,1fr) minmax(0,1fr);
            gap:0;
            border-top:1px solid var(--line);
        }

        .league-table tbody td{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            padding:10px 12px;
            text-align:left;
            font-size:13px;
            min-width:0;
            overflow-wrap:anywhere;
        }

        .league-table tbody td::before{
            content:attr(data-label);
            color:var(--muted);
            font-size:11px;
            font-weight:900;
            letter-spacing:.06em;
            text-transform:uppercase;
            flex:0 0 auto;
        }

        .league-table tbody td:nth-child(2){
            grid-column:1 / -1;
            align-items:flex-start;
            padding-top:12px;
            padding-bottom:12px;
        }

        .league-table tbody td[colspan]{
            grid-column:1 / -1;
            justify-content:center;
        }

        .league-table tbody td:nth-child(2)::before{
            margin-top:10px;
        }

        .league-table tbody td[colspan]::before{
            content:"";
        }

        .league-table .team-cell{
            width:100%;
            gap:10px;
        }

        .team-logo{
            width:40px;
            height:40px;
        }

        .league-table .team-meta strong{
            font-size:13px;
            line-height:1.3;
        }

        .league-table .team-meta span{
            font-size:12px;
            line-height:1.35;
        }

        .league-table tbody td:first-child{
            border-top:none;
        }

        .league-table tbody tr:last-child td{
            border-bottom:1px solid var(--line);
        }

        .league-table tbody td:last-child{
            border-bottom:none;
        }
    }

    @media(max-width:767px){
        .standings-page{
            padding:0 0 28px;
            background:#f4f7f5;
            overflow:visible;
        }

        .standings-page:before,
        .standings-hero{
            display:none;
        }

        .league-board{
            margin:0;
            border:0;
            border-radius:0;
            box-shadow:none;
            background:#f4f7f5;
            overflow:visible;
        }

        .league-board-title{
            min-height:190px;
            align-items:flex-start;
            justify-content:space-between;
            gap:16px;
            padding:64px 18px 84px;
            background:linear-gradient(135deg,rgba(4,35,22,.97),rgba(0,99,51,.9)),var(--green2);
            border-radius:0 0 24px 24px;
            text-align:left;
        }

        .league-board-title img{
            width:74px;
            height:62px;
            padding:5px;
            border-radius:8px;
        }

        .league-board-title h3{
            max-width:210px;
            margin:0;
            font-size:30px;
            line-height:1.05;
            letter-spacing:0;
        }

        .league-board-title h3:after{
            content:"Division 2A\A Current campaign table";
            white-space:pre;
            display:block;
            margin-top:10px;
            color:#fff;
            font-size:15px;
            line-height:1.45;
            font-weight:500;
            text-transform:none;
            letter-spacing:0;
        }

        .league-table-wrap{
            width:min(100% - 24px, 560px);
            margin:-46px auto 0;
            overflow:visible;
        }

        .standings-mobile-tabs{
            display:grid;
            grid-template-columns:1fr 1fr;
            padding:8px;
            margin:0 0 14px;
            background:#fff;
            border:1px solid rgba(16,24,40,.08);
            border-radius:18px;
            box-shadow:0 12px 30px rgba(16,24,40,.12);
        }

        .standings-mobile-tabs span{
            display:flex;
            align-items:center;
            justify-content:center;
            min-height:40px;
            border-radius:10px;
            color:#1d2a24;
            font-size:14px;
            font-weight:900;
        }

        .standings-mobile-tabs .active{
            background:var(--green);
            color:#fff;
        }

        .mobile-standings-list{
            display:grid;
            gap:12px;
        }

        .league-table{
            display:none;
        }

        .mobile-standing-card{
            position:relative;
            overflow:hidden;
            padding:16px 14px 14px;
            border:1px solid rgba(16,24,40,.07);
            border-radius:16px;
            background:#fff;
            box-shadow:0 12px 26px rgba(16,24,40,.08);
        }

        .mobile-standing-card:before{
            content:"";
            position:absolute;
            inset:0 auto 0 0;
            width:5px;
            background:rgba(47,161,90,.22);
        }

        .mobile-standing-card.is-grassroots:before{
            background:var(--green);
        }

        .mobile-standing-card.is-grassroots{
            padding-top:28px;
        }

        .mobile-team-tag{
            position:absolute;
            top:0;
            right:0;
            padding:6px 12px;
            background:var(--green);
            color:#fff;
            border-radius:0 16px 0 10px;
            font-size:10px;
            font-weight:900;
            line-height:1;
            text-transform:uppercase;
        }

        .mobile-standing-main{
            display:grid;
            grid-template-columns:38px 52px minmax(0,1fr) 54px;
            gap:12px;
            align-items:center;
        }

        .mobile-rank{
            display:flex;
            align-items:center;
            justify-content:center;
            width:34px;
            height:34px;
            border-radius:8px;
            background:#415764;
            color:#fff;
            font-size:18px;
            font-weight:900;
        }

        .mobile-standing-card:nth-child(1) .mobile-rank,
        .mobile-standing-card.is-grassroots .mobile-rank{
            background:var(--green);
        }

        .mobile-team-logo{
            width:52px;
            height:52px;
            font-size:16px;
        }

        .mobile-team-meta{
            min-width:0;
        }

        .mobile-team-meta strong{
            display:block;
            color:#111827;
            font-size:16px;
            line-height:1.15;
            font-weight:900;
            overflow-wrap:break-word;
        }

        .mobile-team-meta span{
            display:block;
            margin-top:5px;
            color:#23332b;
            font-size:14px;
            line-height:1.2;
        }

        .mobile-points{
            text-align:right;
        }

        .mobile-points strong{
            display:block;
            color:var(--green);
            font-size:30px;
            line-height:.95;
            font-weight:900;
        }

        .mobile-points span{
            display:block;
            margin-top:4px;
            color:#111827;
            font-size:12px;
            font-weight:800;
            text-transform:uppercase;
        }

        .mobile-standing-stats{
            display:grid;
            grid-template-columns:repeat(7,minmax(0,1fr));
            gap:0;
            margin-top:15px;
            padding-top:13px;
            border-top:1px solid rgba(16,24,40,.08);
        }

        .mobile-standing-stats span{
            min-width:0;
            text-align:center;
            border-right:1px solid rgba(16,24,40,.08);
        }

        .mobile-standing-stats span:last-child{
            border-right:0;
        }

        .mobile-standing-stats small,
        .mobile-standing-stats strong{
            display:block;
        }

        .mobile-standing-stats small{
            color:#51605a;
            font-size:11px;
            line-height:1;
            font-weight:700;
        }

        .mobile-standing-stats strong{
            margin-top:8px;
            color:#111827;
            font-size:16px;
            line-height:1;
            font-weight:900;
        }

        .mobile-standing-empty{
            padding:18px;
            border-radius:16px;
            background:#fff;
            box-shadow:0 12px 26px rgba(16,24,40,.08);
            color:var(--muted);
            text-align:center;
            font-weight:800;
        }

        .home-league-board{
            margin:0;
            border:0;
            border-radius:0 0 18px 18px;
            overflow:visible;
            background:#f4f7f5;
            box-shadow:none;
        }

        .home-league-title{
            justify-content:space-between;
            padding:24px 18px 72px;
            border-radius:20px 20px 0 0;
            background:linear-gradient(135deg,rgba(4,35,22,.97),rgba(0,99,51,.9)),var(--green2);
            text-align:left;
        }

        .home-league-title h3{
            max-width:210px;
            font-size:28px;
            line-height:1.05;
            letter-spacing:0;
        }

        .home-league-title h3:after{
            content:"Division 2A\A Current campaign table";
            white-space:pre;
            display:block;
            margin-top:10px;
            color:#fff;
            font-size:14px;
            line-height:1.45;
            font-weight:500;
            text-transform:none;
            letter-spacing:0;
        }

        .home-league-title img{
            width:70px;
            height:58px;
            padding:5px;
            border-radius:8px;
        }

        .home-table-wrap{
            width:min(100% - 24px, 560px);
            margin:-46px auto 0;
            overflow:visible;
        }

        .home-league-table{
            display:none;
        }
    }

/* resources/views/website/team.blade.php */
.squad-page{
        background:#f7f6f1;
        color:var(--text);
        margin-top:-1px;
    }

    .squad-hero{
        min-height:260px;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        padding:40px 20px 26px;
        background:transparent;
        position:relative;
        overflow:hidden;
    }

    .squad-hero:after{
        content:"";
        position:absolute;
        left:50%;
        bottom:8px;
        width:min(720px,84vw);
        height:1px;
        transform:translateX(-50%);
        background:linear-gradient(90deg,transparent,rgba(13,31,25,.18),transparent);
    }

    .squad-hero h2{
        position:relative;
        z-index:1;
        margin:0;
        font-size:clamp(42px, 7vw, 72px);
        line-height:1;
        font-weight:900;
        color:#0d1f19;
        text-shadow:none;
    }

    .squad-hero p{
        position:relative;
        z-index:1;
        margin:12px 0 0;
        font-size:clamp(17px, 3vw, 24px);
        color:var(--green);
        font-weight:800;
    }

    .squad-section{
        padding:58px clamp(16px,3vw,36px) 18px;
    }

    .squad-group{
        max-width:1680px;
        margin:0 auto 64px;
    }

.squad-group h3{
        margin:0 0 26px;
        padding-bottom:18px;
        border-bottom:1px solid rgba(31,122,61,.18);
        color:#0d1f19;
        font-size:clamp(22px,2.4vw,30px);
        letter-spacing:.06em;
        text-transform:uppercase;
    }

    .squad-group-nested{margin-bottom:42px}
    .squad-group-compact{margin-bottom:32px}
    .squad-subheading{font-size:20px}
    .squad-minor-heading{font-size:18px}

    .squad-grid{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:clamp(18px,2.3vw,34px);
    }

    .player-card{
        min-height:clamp(420px,34vw,520px);
        border-radius:8px;
        background:#07130f;
        border:1px solid rgba(255,255,255,.12);
        color:#fff;
        overflow:hidden;
        position:relative;
        display:block;
        isolation:isolate;
        box-shadow:0 22px 60px rgba(7,19,15,.2);
        transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
        touch-action:manipulation;
    }

    .player-card:focus-visible{
        outline:none;
        box-shadow:0 0 0 4px rgba(240,180,41,.28),0 28px 70px rgba(7,19,15,.28);
    }

    .player-card:before{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        background:
            linear-gradient(180deg,rgba(3,10,8,.14) 0%,transparent 32%,rgba(3,10,8,.28) 54%,rgba(3,10,8,.94) 100%),
            linear-gradient(135deg,rgba(240,180,41,.22),transparent 34%,rgba(54,168,98,.2));
        pointer-events:none;
    }

    .player-card:after{
        content:"";
        position:absolute;
        inset:auto 18px 18px;
        height:1px;
        z-index:3;
        background:linear-gradient(90deg,var(--gold),var(--green2),transparent);
        opacity:.82;
    }

    .player-card:hover{
        transform:translateY(-6px);
        border-color:rgba(240,180,41,.58);
        box-shadow:0 34px 90px rgba(7,19,15,.28);
    }

    .player-card-topline{
        position:absolute;
        top:18px;
        left:18px;
        right:18px;
        z-index:3;
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:12px;
    }

    .player-role{
        min-height:34px;
        display:inline-flex;
        align-items:center;
        padding:7px 11px;
        border-radius:999px;
        background:rgba(7,19,15,.64);
        border:1px solid rgba(255,255,255,.16);
        color:#eafff1;
        font-size:11px;
        font-weight:900;
        letter-spacing:.08em;
        text-transform:uppercase;
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
    }

    .player-number{
        color:#fff;
        font-size:clamp(46px,4.6vw,72px);
        line-height:1;
        font-weight:900;
        letter-spacing:0;
        text-shadow:0 12px 28px rgba(0,0,0,.48);
    }

    .player-image{
        position:absolute;
        inset:0;
        display:flex;
        align-items:flex-start;
        justify-content:center;
        overflow:hidden;
    }

    .player-image img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:top center;
        transform:scale(1.01);
        transition:transform .32s ease, filter .32s ease;
    }

    .player-card:hover .player-image img{
        transform:scale(1.045);
        filter:saturate(1.06) contrast(1.04);
    }

    .player-placeholder{
        width:100%;
        height:64%;
        background:linear-gradient(135deg,#0d1f19,#1d7a3b);
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        font-size:62px;
        font-weight:900;
    }

    .player-info{
        position:absolute;
        inset:auto 0 0;
        z-index:3;
        padding:28px 24px 32px;
        min-height:178px;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
    }

    .player-team-label{
        align-self:flex-start;
        margin:0 0 12px;
        color:#07130f;
        background:linear-gradient(135deg,var(--gold),#ffe199);
        border-radius:999px;
        padding:7px 11px;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.08em;
        font-size:11px;
        box-shadow:0 10px 22px rgba(0,0,0,.22);
    }

    .player-info h4{
        margin:0;
        color:#fff;
        font-size:clamp(23px, 2.3vw, 30px);
        line-height:1.15;
        letter-spacing:0;
        text-transform:uppercase;
        text-shadow:0 2px 7px rgba(0,0,0,.8);
    }

    .player-card-footer{
        margin-top:14px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        color:#d8ffe5;
        font-size:12px;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.08em;
    }

    .player-card-footer strong{
        color:#fff;
        font-size:12px;
        white-space:nowrap;
    }

    .empty-squad{
        background:rgba(255,255,255,.94);
        color:var(--text);
        border:1px solid var(--line);
        border-radius:8px;
        padding:24px;
    }

    @media(max-width:1200px){
        .squad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    }

    @media(max-width:900px){
        .squad-hero{min-height:220px}
        .squad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
        .player-card{min-height:410px}
        .player-number{font-size:46px}
        .player-info{padding:22px 20px 30px}
        .player-info h4{font-size:22px}
    }

    @media(max-width:560px){
        .squad-grid{grid-template-columns:1fr}
        .squad-section{padding:42px 16px 10px}
        .squad-group h3{font-size:20px;letter-spacing:.04em}
        .player-card{min-height:430px}
        .player-card-footer{align-items:flex-start;flex-direction:column;gap:6px}
    }

/* resources/views/website/player-show.blade.php */
.player-profile{
        background:
            radial-gradient(circle at 12% 4%,rgba(240,180,41,.16),transparent 28%),
            radial-gradient(circle at 84% 8%,rgba(54,168,98,.18),transparent 30%),
            linear-gradient(180deg,#07130f 0%,#10241d 58%,#f4f8f5 58%,#fff 100%);
        color:#fff;
        min-height:calc(100vh - 82px);
        padding:clamp(28px,5vw,64px) 0 clamp(52px, 8vw, 92px);
    }

    .profile-shell{
        width:min(1480px,100%);
        margin:0 auto;
        padding:0 clamp(16px,3vw,36px);
    }

    .profile-hero-panel{
        position:relative;
        display:grid;
        grid-template-columns:minmax(320px, .88fr) minmax(0, 1.12fr);
        gap:0;
        min-height:clamp(620px, 70vh, 820px);
        overflow:hidden;
        border-radius:10px;
        border:1px solid rgba(255,255,255,.14);
        background:
            linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
            #07130f;
        box-shadow:0 34px 100px rgba(0,0,0,.34);
        isolation:isolate;
    }

    .profile-hero-panel:before{
        content:"";
        position:absolute;
        inset:0;
        z-index:-1;
        background:
            linear-gradient(115deg,transparent 0 48%,rgba(240,180,41,.12) 48% 50%,transparent 50% 100%),
            radial-gradient(circle at 78% 22%,rgba(54,168,98,.22),transparent 28%);
        pointer-events:none;
    }

    .profile-hero-panel:after{
        content:"";
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:2px;
        background:linear-gradient(90deg,var(--gold),var(--green2),transparent);
        opacity:.9;
    }

    .profile-photo{
        min-height:100%;
        overflow:hidden;
        background:#10241d;
        display:flex;
        align-items:flex-start;
        justify-content:center;
        position:relative;
    }

    .profile-photo:after{
        content:"";
        position:absolute;
        inset:0;
        background:
            linear-gradient(90deg,transparent 62%,rgba(7,19,15,.66)),
            linear-gradient(180deg,rgba(7,19,15,.04),rgba(7,19,15,.32));
        pointer-events:none;
    }

    .profile-photo img{
        width:100%;
        height:100%;
        min-height:clamp(620px, 70vh, 820px);
        object-fit:cover;
        object-position:top center;
    }

    .profile-placeholder{
        width:100%;
        min-height:clamp(620px, 70vh, 820px);
        display:flex;
        align-items:center;
        justify-content:center;
        background:linear-gradient(135deg,#10241d,#1d7a3b);
        color:#fff;
        font-size:clamp(54px, 8vw, 82px);
        font-weight:900;
    }

    .profile-meta{
        position:relative;
        z-index:2;
        padding:clamp(28px,5vw,64px);
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-width:0;
        color:#fff;
    }

    .profile-kicker{
        align-self:flex-start;
        min-height:34px;
        display:inline-flex;
        align-items:center;
        padding:7px 12px;
        border-radius:999px;
        background:linear-gradient(135deg,var(--gold),#ffe199);
        color:#07130f;
        font-size:11px;
        font-weight:900;
        letter-spacing:.08em;
        text-transform:uppercase;
        box-shadow:0 16px 34px rgba(0,0,0,.22);
    }

    .profile-name-row{
        margin-top:18px;
        display:grid;
        grid-template-columns:1fr auto;
        gap:clamp(18px,3vw,34px);
        align-items:end;
    }

    .profile-name-row h2{
        margin:0;
        color:#fff;
        font-size:clamp(42px,6vw,92px);
        line-height:.95;
        letter-spacing:0;
        text-transform:uppercase;
        max-width:11ch;
        text-shadow:0 20px 52px rgba(0,0,0,.4);
    }

    .profile-number{
        width:clamp(92px,10vw,142px);
        aspect-ratio:1 / 1;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:8px;
        border:1px solid rgba(255,255,255,.18);
        background:rgba(255,255,255,.08);
        color:#fff;
        font-size:clamp(30px,4vw,54px);
        font-weight:900;
        line-height:1;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 46px rgba(0,0,0,.22);
    }

    .profile-position{
        margin:16px 0 28px;
        color:#d8ffe5;
        font-size:clamp(18px,2vw,24px);
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.08em;
    }

    .profile-stat-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:12px;
        margin-bottom:22px;
    }

    .profile-stat,
    .profile-bio-card{
        border:1px solid rgba(255,255,255,.13);
        background:rgba(255,255,255,.08);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
        backdrop-filter:blur(14px);
        -webkit-backdrop-filter:blur(14px);
    }

    .profile-stat{
        min-height:92px;
        border-radius:8px;
        padding:15px;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        gap:10px;
    }

    .profile-stat span,
    .profile-bio-card h3{
        color:#cde8d6;
        font-size:11px;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.08em;
    }

    .profile-stat strong{
        color:#fff;
        font-size:clamp(16px,1.7vw,22px);
        line-height:1.15;
    }

    .bio-grid{
        display:grid;
        grid-template-columns:130px 1fr;
        gap:13px 22px;
        font-size:14px;
    }

    .bio-grid strong{
        color:#eafff1;
        text-transform:uppercase;
        letter-spacing:.04em;
        font-size:12px;
    }

    .bio-grid span{
        color:#fff;
        font-weight:800;
    }

    .profile-bio-card{
        border-radius:8px;
        padding:22px;
    }

    .profile-bio-card h3{
        margin:0 0 16px;
    }

    .back-link{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:44px;
        width:max-content;
        margin:0 0 18px;
        padding:11px 14px;
        border-radius:8px;
        border:1px solid rgba(255,255,255,.14);
        background:rgba(255,255,255,.08);
        color:#fff;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.08em;
        font-size:12px;
        transition:transform .2s ease,background .2s ease,border-color .2s ease;
    }

    .back-link:hover{
        transform:translateY(-1px);
        background:rgba(240,180,41,.16);
        border-color:rgba(240,180,41,.42);
    }

    .training-needs{
        margin-top:32px;
        padding:22px;
        background:#fff;
        border:1px solid var(--line);
        border-radius:12px;
        box-shadow:0 14px 34px rgba(16,24,40,.07);
    }

    .training-needs h4{
        margin:0 0 14px;
        font-size:20px;
    }

    .training-need{
        padding:14px 0;
        border-top:1px solid var(--line);
    }

    .training-need:first-of-type{
        border-top:none;
        padding-top:0;
    }

    .training-need strong{
        display:block;
        color:var(--text);
        margin-bottom:5px;
    }

    .training-need p{
        margin:6px 0 0;
        color:var(--muted);
        line-height:1.6;
        overflow-wrap:anywhere;
    }

    .training-meta{
        display:flex;
        gap:10px;
        flex-wrap:wrap;
        color:var(--muted);
        font-size:13px;
        font-weight:700;
    }

    .need-status{
        display:inline-flex;
        margin-top:8px;
        padding:6px 9px;
        border-radius:999px;
        background:#e9f7ef;
        color:var(--green);
        font-size:12px;
        font-weight:900;
        text-transform:uppercase;
    }

    @media(max-width:900px){
        .profile-hero-panel{grid-template-columns:1fr;min-height:auto}
        .profile-photo,.profile-photo img,.profile-placeholder{min-height:520px}
        .profile-photo:after{background:linear-gradient(180deg,transparent 58%,rgba(7,19,15,.82))}
        .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
        .profile-name-row h2{max-width:none}
    }

    @media(max-width:640px){
        .player-profile{padding-top:18px}
        .profile-shell{padding:0 12px}
        .profile-hero-panel{border-radius:8px}
        .profile-photo,.profile-photo img,.profile-placeholder{min-height:420px}
        .profile-meta{padding:24px 18px 28px}
        .profile-name-row{grid-template-columns:1fr;align-items:start}
        .profile-number{width:92px}
        .profile-stat-grid{grid-template-columns:1fr}
        .bio-grid{grid-template-columns:1fr;gap:4px 0}
        .bio-grid strong{margin-top:8px}
    }

/* resources/views/website/executives.blade.php */
.executives-page,
.executive-profile{
        background:
            radial-gradient(circle at 12% 5%,rgba(240,180,41,.16),transparent 28%),
            radial-gradient(circle at 88% 8%,rgba(54,168,98,.18),transparent 30%),
            linear-gradient(180deg,#07130f 0%,#10241d 42%,#f4f8f5 42%,#fff 100%);
        color:#fff;
        min-height:calc(100vh - 82px);
    }

    .executives-section{
        width:min(1680px,100%);
        margin:0 auto;
        padding:clamp(44px,6vw,76px) clamp(16px,3vw,36px) clamp(52px,7vw,88px);
    }

    .executive-group{
        margin-bottom:clamp(46px,6vw,72px);
    }

    .executive-group h2{
        margin:0 0 24px;
        padding-bottom:18px;
        color:#fff;
        border-bottom:1px solid rgba(255,255,255,.14);
        font-size:clamp(22px,2.4vw,30px);
        letter-spacing:.06em;
        text-transform:uppercase;
    }

    .executive-grid{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:clamp(18px,2.3vw,34px);
    }

    .executive-card{
        min-height:clamp(390px,31vw,480px);
        position:relative;
        display:block;
        overflow:hidden;
        border-radius:8px;
        border:1px solid rgba(255,255,255,.12);
        background:#07130f;
        color:#fff;
        box-shadow:0 22px 60px rgba(7,19,15,.2);
        isolation:isolate;
        transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
        touch-action:manipulation;
    }

    .executive-card:focus-visible{
        outline:none;
        box-shadow:0 0 0 4px rgba(240,180,41,.28),0 28px 70px rgba(7,19,15,.28);
    }

    .executive-card:before{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        background:
            linear-gradient(180deg,rgba(3,10,8,.12) 0%,transparent 34%,rgba(3,10,8,.28) 56%,rgba(3,10,8,.94) 100%),
            linear-gradient(135deg,rgba(240,180,41,.2),transparent 35%,rgba(54,168,98,.22));
        pointer-events:none;
    }

    .executive-card:after{
        content:"";
        position:absolute;
        inset:auto 18px 18px;
        height:1px;
        z-index:3;
        background:linear-gradient(90deg,var(--gold),var(--green2),transparent);
        opacity:.82;
    }

    .executive-card:hover{
        transform:translateY(-6px);
        border-color:rgba(240,180,41,.58);
        box-shadow:0 34px 90px rgba(7,19,15,.28);
    }

    .executive-image{
        position:absolute;
        inset:0;
        display:flex;
        align-items:flex-start;
        justify-content:center;
        overflow:hidden;
    }

    .executive-image img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:top center;
        transform:scale(1.01);
        transition:transform .32s ease,filter .32s ease;
    }

    .executive-card:hover .executive-image img{
        transform:scale(1.045);
        filter:saturate(1.06) contrast(1.04);
    }

    .executive-card-copy{
        position:absolute;
        inset:auto 0 0;
        z-index:3;
        min-height:168px;
        padding:28px 24px 32px;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
    }

    .executive-card-copy span{
        align-self:flex-start;
        margin:0 0 12px;
        color:#07130f;
        background:linear-gradient(135deg,var(--gold),#ffe199);
        border-radius:999px;
        padding:7px 11px;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.08em;
        font-size:11px;
        box-shadow:0 10px 22px rgba(0,0,0,.22);
    }

    .executive-card-copy h3{
        margin:0;
        color:#fff;
        font-size:clamp(23px,2.2vw,30px);
        line-height:1.15;
        letter-spacing:0;
        text-transform:uppercase;
        text-shadow:0 2px 7px rgba(0,0,0,.8);
    }

    .executive-card-copy strong{
        margin-top:14px;
        color:#d8ffe5;
        font-size:12px;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.08em;
    }

/* resources/views/website/executive-show.blade.php */
    .executive-profile{
        padding:clamp(28px,5vw,64px) 0 clamp(52px,8vw,92px);
    }

    .executive-profile-shell{
        width:min(1480px,100%);
        margin:0 auto;
        padding:0 clamp(16px,3vw,36px);
    }

    .executive-profile-panel{
        position:relative;
        display:grid;
        grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);
        min-height:clamp(600px,68vh,800px);
        overflow:hidden;
        border-radius:10px;
        border:1px solid rgba(255,255,255,.14);
        background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),#07130f;
        box-shadow:0 34px 100px rgba(0,0,0,.34);
        isolation:isolate;
    }

    .executive-profile-panel:before{
        content:"";
        position:absolute;
        inset:0;
        z-index:-1;
        background:
            linear-gradient(115deg,transparent 0 48%,rgba(240,180,41,.12) 48% 50%,transparent 50% 100%),
            radial-gradient(circle at 78% 22%,rgba(54,168,98,.22),transparent 28%);
        pointer-events:none;
    }

    .executive-profile-panel:after{
        content:"";
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:2px;
        background:linear-gradient(90deg,var(--gold),var(--green2),transparent);
        opacity:.9;
    }

    .executive-profile-image{
        min-height:100%;
        position:relative;
        overflow:hidden;
        background:#10241d;
        display:flex;
        align-items:flex-start;
        justify-content:center;
    }

    .executive-profile-image:after{
        content:"";
        position:absolute;
        inset:0;
        background:
            linear-gradient(90deg,transparent 62%,rgba(7,19,15,.66)),
            linear-gradient(180deg,rgba(7,19,15,.04),rgba(7,19,15,.32));
        pointer-events:none;
    }

    .executive-profile-image img{
        width:100%;
        height:100%;
        min-height:clamp(600px,68vh,800px);
        object-fit:cover;
        object-position:top center;
    }

    .executive-profile-copy{
        position:relative;
        z-index:2;
        padding:clamp(28px,5vw,64px);
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-width:0;
    }

    .executive-profile-copy h2{
        margin:18px 0 0;
        color:#fff;
        font-size:clamp(42px,6vw,92px);
        line-height:.95;
        letter-spacing:0;
        text-transform:uppercase;
        max-width:11ch;
        text-shadow:0 20px 52px rgba(0,0,0,.4);
    }

    .executive-profile-copy p{
        margin:16px 0 28px;
        color:#d8ffe5;
        font-size:clamp(18px,2vw,24px);
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.08em;
    }

    @media(max-width:1200px){
        .executive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    }

    @media(max-width:900px){
        .executive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
        .executive-card{min-height:410px}
        .executive-profile-panel{grid-template-columns:1fr;min-height:auto}
        .executive-profile-image,.executive-profile-image img{min-height:520px}
        .executive-profile-image:after{background:linear-gradient(180deg,transparent 58%,rgba(7,19,15,.82))}
        .executive-profile-copy h2{max-width:none}
    }

    @media(max-width:560px){
        .executives-section{padding:42px 16px 52px}
        .executive-grid{grid-template-columns:1fr}
        .executive-card{min-height:430px}
        .executive-group h2{font-size:20px;letter-spacing:.04em}
        .executive-profile{padding-top:18px}
        .executive-profile-shell{padding:0 12px}
        .executive-profile-panel{border-radius:8px}
        .executive-profile-image,.executive-profile-image img{min-height:420px}
        .executive-profile-copy{padding:24px 18px 28px}
    }

/* resources/views/website/news.blade.php */
.news-link-card{
        display:block;
        height:100%;
        transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .news-link-card:hover{
        transform:translateY(-3px);
        border-color:#b7e4c7;
        box-shadow:0 18px 38px rgba(16,24,40,.12);
    }
    .news-read-more{
        display:inline-flex;
        margin-top:14px;
        color:var(--green);
        font-weight:900;
    }
    .news-preview-image{
        height:180px;
        margin-bottom:16px;
        border-radius:22px;
        overflow:hidden;
        background:#f8faf9;
        border:1px solid var(--line);
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .news-preview-image img{
        width:100%;
        height:100%;
        object-fit:contain;
        object-position:center;
    }
    .news-date{
        display:block;
        margin:8px 0 0;
        color:var(--muted);
        font-size:13px;
        font-weight:700;
    }

/* resources/views/website/news-show.blade.php */
.news-detail{
        max-width:900px;
        margin:0 auto;
    }
    .news-detail-image{
        min-height:320px;
        border-radius:12px;
        overflow:hidden;
        margin:24px 0;
        background:#f8faf9;
        border:1px solid var(--line);
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .news-detail-image img{
        width:100%;
        height:auto;
        max-height:620px;
        object-fit:contain;
    }
    .news-meta{
        display:flex;
        align-items:center;
        gap:12px;
        flex-wrap:wrap;
        margin-bottom:14px;
    }
    .news-detail h2{
        margin:0;
        font-size:clamp(32px, 5vw, 46px);
        line-height:1.08;
    }
    .news-body{
        color:#374151;
        font-size:clamp(16px, 2vw, 18px);
        line-height:1.8;
        white-space:pre-line;
    }
    .news-back{
        margin-top:28px;
    }
    @media(max-width:900px){
        .news-detail-image{min-height:220px}
    }

/* resources/views/website/gallery.blade.php */
.media-group{
        margin-top:34px;
    }

    .media-group + .media-group{
        margin-top:54px;
    }

    .media-group-heading{
        display:flex;
        align-items:flex-end;
        justify-content:space-between;
        gap:18px;
        margin-bottom:18px;
        border-bottom:1px solid var(--line);
        padding-bottom:14px;
    }

    .media-group-heading h3{
        margin:0;
        font-size:clamp(22px, 3vw, 34px);
        line-height:1.1;
    }

    .media-grid{
        display:grid;
        gap:18px;
    }

    .media-grid-landscape{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .media-grid-portrait{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .media-card{
        display:grid;
        grid-template-rows:auto 1fr;
        min-width:0;
        background:#fff;
        border:1px solid var(--line);
        border-radius:12px;
        overflow:hidden;
        box-shadow:var(--shadow-soft);
        color:inherit;
        transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    button.media-card{
        width:100%;
        padding:0;
        border:1px solid var(--line);
        text-align:left;
        font:inherit;
        cursor:pointer;
    }

    .media-card:hover{
        transform:translateY(-4px);
        border-color:rgba(29,122,59,.32);
        box-shadow:0 22px 52px rgba(16,24,40,.12);
    }

    .media-thumb{
        position:relative;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
        background:
            linear-gradient(135deg,rgba(29,122,59,.08),rgba(240,180,41,.08)),
            #f7faf8;
    }

    .is-landscape .media-thumb{
        aspect-ratio:16 / 10;
    }

    .is-portrait .media-thumb{
        aspect-ratio:4 / 5;
    }

    .media-thumb img,
    .media-thumb iframe{
        width:100%;
        height:100%;
        border:0;
    }

    .image-card .media-thumb img,
    .video-card .media-thumb img{
        object-fit:contain;
    }

    .media-card-body{
        display:grid;
        align-content:start;
        gap:8px;
        padding:16px;
    }

    .media-card-body h4{
        margin:0;
        color:var(--text);
        font-size:17px;
        line-height:1.25;
    }

    .media-card-body p{
        margin:0;
        color:var(--muted);
        font-size:14px;
        line-height:1.45;
    }

    .media-empty-card{
        display:grid;
        gap:14px;
        padding:28px;
        background:#fff;
        border:1px solid var(--line);
        border-radius:12px;
        box-shadow:var(--shadow-soft);
    }

/* resources/views/website/videos.blade.php */
.play-chip{
        position:absolute;
        left:14px;
        bottom:14px;
        min-height:38px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        padding:8px 14px;
        border-radius:999px;
        background:rgba(10,23,18,.86);
        color:#fff;
        font-weight:900;
        box-shadow:0 12px 28px rgba(0,0,0,.22);
    }

    .video-modal[hidden]{
        display:none;
    }

    .video-modal,
    .gallery-modal{
        position:fixed;
        inset:0;
        z-index:80;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:clamp(12px, 3vw, 32px);
    }

    .gallery-modal[hidden]{
        display:none;
    }

    .video-modal-backdrop,
    .gallery-modal-backdrop{
        position:absolute;
        inset:0;
        background:rgba(3,10,7,.78);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
    }

    .video-modal-dialog,
    .gallery-modal-dialog{
        position:relative;
        z-index:1;
        width:min(1080px,100%);
        max-height:92vh;
        display:grid;
        grid-template-rows:auto minmax(220px,1fr) auto;
        overflow:hidden;
        background:#fff;
        border:1px solid rgba(255,255,255,.18);
        border-radius:12px;
        box-shadow:0 36px 90px rgba(0,0,0,.34);
    }

    .gallery-modal-dialog{
        width:min(1280px,100%);
    }

    .video-modal-head{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:16px;
        padding:18px;
        border-bottom:1px solid var(--line);
    }

    .video-modal-head h3{
        margin:8px 0 0;
        font-size:clamp(20px, 2.4vw, 30px);
        line-height:1.12;
    }

    .video-modal-close{
        width:40px;
        height:40px;
        border:1px solid var(--line);
        border-radius:999px;
        background:#fff;
        color:var(--text);
        font-weight:900;
        cursor:pointer;
    }

    .video-modal-player{
        min-height:clamp(260px, 56vw, 620px);
        display:flex;
        align-items:center;
        justify-content:center;
        background:#06100c;
    }

    .gallery-modal-stage{
        position:relative;
        min-height:clamp(280px, 64vw, 720px);
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:auto;
        background:#06100c;
        padding:clamp(14px, 4vw, 34px) clamp(52px, 7vw, 84px);
    }

    .video-modal-player video,
    .video-modal-player iframe,
    .video-modal-player img{
        width:100%;
        height:100%;
        min-height:inherit;
        border:0;
        object-fit:contain;
    }

    .gallery-modal-stage img{
        max-width:100%;
        max-height:min(72vh,720px);
        width:auto;
        height:auto;
        object-fit:contain;
        transform-origin:center center;
        transition:transform .18s ease;
    }

    .gallery-nav-button{
        position:absolute;
        top:50%;
        z-index:2;
        transform:translateY(-50%);
        min-width:52px;
        min-height:52px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border:1px solid rgba(255,255,255,.3);
        border-radius:999px;
        background:rgba(255,255,255,.9);
        color:var(--text);
        font-weight:900;
        cursor:pointer;
        box-shadow:0 14px 32px rgba(0,0,0,.24);
    }

    .gallery-nav-prev{
        left:clamp(10px, 2vw, 24px);
    }

    .gallery-nav-next{
        right:clamp(10px, 2vw, 24px);
    }

    .gallery-nav-button:disabled{
        opacity:.45;
        cursor:not-allowed;
    }

    .video-modal-body{
        display:grid;
        gap:14px;
        padding:18px;
    }

    .video-modal-body p{
        margin:0;
        color:var(--muted);
    }

    body.has-open-modal{
        overflow:hidden;
    }

    .video-media img,
    .video-media video,
    .video-media iframe{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .video-media .video-logo-placeholder{
        width:108px;
        height:auto;
        object-fit:contain;
    }

    .video-media iframe{
        border:0;
    }

    .video-body{
        padding:20px;
    }

    .video-body h3{
        margin:12px 0 8px;
        font-size:20px;
    }

    .video-body p{
        margin:0;
        color:var(--muted);
        line-height:1.6;
    }

    @media(max-width:900px){
        .media-grid-landscape,
        .media-grid-portrait{grid-template-columns:repeat(2,minmax(0,1fr))}
    }

    @media(max-width:640px){
        .media-group-heading{align-items:flex-start;flex-direction:column}
        .media-grid-landscape,
        .media-grid-portrait{grid-template-columns:1fr}
        .gallery-modal-stage{
            padding:58px 12px 20px;
        }
        .gallery-nav-button{
            top:16px;
            transform:none;
            min-width:46px;
            min-height:42px;
        }
        .gallery-nav-prev{left:12px}
        .gallery-nav-next{right:12px}
    }

/* resources/views/website/gallery-show.blade.php */
.media-detail-section{
        background:#f6faf7;
    }

    .media-detail-layout{
        display:grid;
        grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);
        gap:28px;
        align-items:start;
    }

    .media-player-card{
        background:#fff;
        border:1px solid var(--line);
        border-radius:12px;
        overflow:hidden;
        box-shadow:var(--shadow);
    }

    .image-viewer-toolbar{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        padding:14px;
        border-bottom:1px solid var(--line);
        background:#fff;
    }

    .image-viewer-toolbar .btn{
        min-height:40px;
        padding:9px 14px;
    }

    .image-viewer-stage,
    .media-player{
        min-height:clamp(360px, 62vw, 760px);
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:auto;
        background:#07120e;
    }

    .image-viewer-stage img{
        max-width:100%;
        max-height:76vh;
        width:auto;
        height:auto;
        object-fit:contain;
        transform-origin:center center;
        transition:transform .18s ease;
    }

    .image-viewer-stage iframe,
    .media-player iframe,
    .media-player video,
    .media-player img{
        width:100%;
        height:100%;
        min-height:inherit;
        border:0;
        object-fit:contain;
    }

    .media-detail-copy{
        position:sticky;
        top:150px;
        display:grid;
        gap:14px;
        padding:24px;
        background:#fff;
        border:1px solid var(--line);
        border-radius:12px;
        box-shadow:var(--shadow-soft);
    }

    .media-detail-copy h2{
        margin:0;
        font-size:clamp(26px, 3vw, 42px);
        line-height:1.08;
    }

    .media-detail-copy p{
        margin:0;
        color:var(--muted);
    }

    .media-date{
        font-weight:900;
        color:var(--green) !important;
    }

    .media-actions{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        margin-top:8px;
    }

    @media(max-width:900px){
        .media-detail-layout{grid-template-columns:1fr}
        .media-detail-copy{position:static}
    }

    @media(max-width:767px){
        .squad-section{
            padding:42px 16px 10px;
        }

        .executives-section{
            padding:42px 16px 52px;
        }

        .squad-grid,
        .executive-grid{
            grid-template-columns:1fr;
            gap:14px;
        }

        .player-card,
        .executive-card{
            display:flex;
            flex-direction:column;
            min-height:0;
            height:auto;
        }

        .player-image,
        .executive-image{
            position:relative;
            inset:auto;
            flex:0 0 auto;
            width:100%;
            aspect-ratio:4 / 5;
            min-height:0;
            background:#10241d;
        }

        .player-image img,
        .executive-image img{
            position:relative;
            width:100%;
            height:100%;
            object-fit:contain;
            object-position:center top;
            transform:none;
        }

        .player-placeholder{
            width:100%;
            height:100%;
            font-size:clamp(38px, 12vw, 56px);
        }

        .player-card-topline{
            top:12px;
            left:12px;
            right:12px;
        }

        .player-role{
            min-height:30px;
            padding:6px 10px;
            font-size:10px;
        }

        .player-number{
            font-size:clamp(34px, 12vw, 54px);
        }

        .player-info,
        .executive-card-copy{
            position:relative;
            inset:auto;
            min-height:0;
            padding:14px 14px 16px;
            justify-content:flex-start;
        }

        .player-info h4,
        .executive-card-copy h3{
            font-size:clamp(20px, 6.5vw, 26px);
            line-height:1.12;
            max-width:none;
            overflow-wrap:break-word;
        }

        .player-card-footer{
            margin-top:10px;
            gap:8px;
            flex-wrap:wrap;
        }

        .player-card-footer strong{
            white-space:normal;
        }

        .executive-card-copy span{
            margin-bottom:10px;
        }

        .executive-card-copy strong{
            margin-top:10px;
        }
    }

    @media(max-width:767px){
        body{
            font-size:15px;
            line-height:1.6;
        }

        .container,
        .container-fluid{
            padding-left:16px;
            padding-right:16px;
        }

        h1,h2,h3,h4,h5,h6{
            line-height:1.12;
            overflow-wrap:break-word;
            hyphens:auto;
        }

        p,li,td,th,small,label,input,select,textarea,button{
            line-height:1.5;
        }

        img,
        video,
        iframe,
        picture{
            max-width:100%;
            height:auto;
        }

        .button-row,
        .actions,
        .form-actions,
        .topbar-actions,
        .card-head,
        .section-head,
        .page-hero-card-head,
        .hero-card-head{
            flex-direction:column;
            align-items:stretch;
        }

        .button-row .btn,
        .actions .btn,
        .form-actions .btn,
        .topbar-actions .btn,
        .button-row form,
        .actions form,
        .form-actions form,
        .topbar-actions form{
            width:100%;
        }

        .btn{
            min-height:48px;
            max-width:100%;
        }

        .grid-2,
        .grid-3,
        .grid-4,
        .hero-grid,
        .page-hero-inner,
        .home-partner-panel,
        .home-partner-list,
        .home-gallery-strip,
        .club-hero-inner,
        .club-story,
        .club-stats,
        .club-values,
        .fixtures-grid,
        .fixture-detail-teams,
        .fixture-meta,
        .profile-stat-grid,
        .executive-grid,
        .executive-profile-panel,
        .media-grid-portrait,
        .media-detail-layout,
        .contact-form,
        .contact-links,
        .footer-frame{
            grid-template-columns:1fr;
        }

        .grid-2 > *,
        .grid-3 > *,
        .grid-4 > *,
        .hero-grid > *,
        .page-hero-inner > *,
        .home-partner-panel > *,
        .home-partner-list > *,
        .home-gallery-strip > *,
        .club-hero-inner > *,
        .club-story > *,
        .club-stats > *,
        .club-values > *,
        .fixtures-grid > *,
        .fixture-detail-teams > *,
        .fixture-meta > *,
        .profile-stat-grid > *,
        .executive-grid > *,
        .executive-profile-panel > *,
        .media-grid-portrait > *,
        .media-detail-layout > *,
        .contact-form > *,
        .contact-links > *,
        .footer-frame > *{
            min-width:0;
        }

        .card,
        .panel,
        .sponsor,
        .home-fixture-card,
        .result-card,
        .fixture-match-card,
        .home-partner-panel,
        .official-partner-feature,
        .home-partner-item,
        .club-panel,
        .club-stat-card,
        .value-card,
        .player-card,
        .executive-card,
        .contact-form-card,
        .home-modern-section{
            width:100%;
            max-width:none;
            height:auto;
            min-height:0;
        }

        .home-partner-item,
        .official-partner-feature,
        .home-fixture-card,
        .result-card,
        .fixture-match-card,
        .club-panel,
        .club-stat-card,
        .value-card,
        .player-card,
        .executive-card,
        .contact-form-card{
            padding:16px;
            gap:12px;
        }

        .home-partner-panel{
            padding:22px 16px;
            gap:18px;
        }

        .official-partner-feature{
            align-items:flex-start;
        }

        .official-partner-logo{
            min-height:clamp(170px, 58vw, 260px);
            padding:12px;
        }

        .official-partner-logo img{
            width:100%;
            height:auto;
            max-height:clamp(160px, 54vw, 240px);
            object-fit:contain;
        }

        .home-partner-item{
            flex-direction:column;
            align-items:flex-start;
        }

        .home-partner-logo{
            width:64px;
            height:64px;
            object-fit:contain;
        }

        .home-partner-name,
        .home-partner-meta,
        .sponsor-card strong,
        .sponsor-fallback{
            overflow-wrap:break-word;
            line-height:1.45;
        }

        .footer-sponsor .sponsor-card{
            width:100%;
            max-width:none;
        }

        .footer-sponsor .sponsor-card img{
            width:100%;
            height:auto;
            max-height:104px;
            object-fit:contain;
        }

        .contact-form,
        .contact-links{
            gap:14px;
        }
    }

/* resources/views/website/contact.blade.php */
.contact-grid{align-items:start}
    .contact-form-card{padding:28px}
    .contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .contact-form .full{grid-column:1 / -1}
    .contact-form label{display:block;margin-bottom:8px;font-size:13px;font-weight:800;color:#374151}
    .contact-form input,
    .contact-form textarea{
        width:100%;
        border:1px solid var(--line);
        border-radius:16px;
        padding:14px 15px;
        color:var(--text);
        background:#fff;
        outline:none;
        font:inherit;
    }
    .contact-form textarea{min-height:160px;resize:vertical}
    .contact-form input:focus,
    .contact-form textarea:focus{border-color:#9dd7b1;box-shadow:0 0 0 4px rgba(47,161,90,.12)}
    .contact-alert{margin-bottom:18px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff}
    .contact-alert.success{background:#e9f7ef;border-color:#b7e4c7;color:#14532d}
    .contact-alert.error{background:#fff1f2;border-color:#fecdd3;color:#991b1b}
    .contact-alert ul{margin:8px 0 0 18px;padding:0}
    .contact-links{display:grid;gap:20px}
    @media(max-width:900px){
        .contact-form{grid-template-columns:1fr}
    }

@media(max-width:767px){
    .fixtures-board .fixture-match-card{
        grid-template-columns:minmax(74px,1fr) minmax(0,1.45fr) minmax(74px,1fr) !important;
        gap:10px;
        padding:24px 14px 18px;
    }

    .fixtures-board .fixture-center{
        order:0;
    }
}

@media(max-width:380px){
    .fixtures-board .fixture-match-card{
        grid-template-columns:64px minmax(0,1fr) 64px !important;
        gap:8px;
        padding:22px 10px 16px;
    }
}

.home-mobile-fixture-card{
    display:none;
}

.fixture-icon{
    position:relative;
    display:none;
    width:1em;
    height:1em;
    flex:0 0 auto;
    color:currentColor;
}

.fixture-icon-date,
.fixture-icon-time,
.fixture-icon-location,
.fixture-icon-home,
.fixture-icon-ticket{
    margin-right:8px;
}

.fixture-icon-date:before{
    content:"";
    position:absolute;
    inset:1px 2px 2px;
    border:2px solid currentColor;
    border-radius:3px;
}

.fixture-icon-date:after{
    content:"";
    position:absolute;
    left:4px;
    right:4px;
    top:5px;
    height:2px;
    background:currentColor;
    box-shadow:0 5px 0 -1px currentColor;
}

.fixture-icon-time:before{
    content:"";
    position:absolute;
    inset:1px;
    border:2px solid currentColor;
    border-radius:50%;
}

.fixture-icon-time:after{
    content:"";
    position:absolute;
    left:50%;
    top:4px;
    width:2px;
    height:6px;
    background:currentColor;
    transform-origin:bottom center;
    transform:translateX(-50%) rotate(-40deg);
    box-shadow:3px 5px 0 -1px currentColor;
}

.fixture-icon-location:before{
    content:"";
    position:absolute;
    left:50%;
    top:1px;
    width:12px;
    height:12px;
    border:2px solid currentColor;
    border-radius:50% 50% 50% 0;
    transform:translateX(-50%) rotate(-45deg);
}

.fixture-icon-location:after{
    content:"";
    position:absolute;
    left:50%;
    top:6px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:currentColor;
    transform:translateX(-50%);
}

.fixture-icon-home:before{
    content:"";
    position:absolute;
    left:1px;
    top:6px;
    width:14px;
    height:9px;
    background:currentColor;
    clip-path:polygon(50% 0,100% 45%,86% 45%,86% 100%,14% 100%,14% 45%,0 45%);
}

.fixture-icon-ticket:before{
    content:"";
    position:absolute;
    inset:1px;
    border:2px solid currentColor;
    border-radius:3px;
}

.fixture-icon-ticket:after{
    content:"";
    position:absolute;
    left:5px;
    top:4px;
    width:3px;
    height:3px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 5px 0 currentColor,6px 0 0 currentColor,6px 5px 0 currentColor;
}

@media(max-width:767px){
    .hero-card .match-box{
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
    }

    .hero-card .match-card-top,
    .hero-card .match-teams,
    .hero-card .match-details{
        display:none;
    }

    .home-mobile-fixture-card{
        display:block;
        padding:20px 14px 14px;
        border:1px solid rgba(16,24,40,.08);
        border-radius:18px;
        background:#fff;
        color:#071221;
        box-shadow:0 18px 42px rgba(16,24,40,.14);
    }

    .home-mobile-fixture-teams{
        display:grid;
        grid-template-columns:minmax(74px,1fr) minmax(0,1.35fr) minmax(74px,1fr);
        align-items:center;
        gap:10px;
        margin-top:18px;
    }

    .fixtures-board .fixture-match-card,
    .home-mobile-fixture-card{
        border-radius:18px;
        background:#fff;
        box-shadow:0 18px 42px rgba(16,24,40,.12);
    }

    .fixtures-board .fixture-match-card{
        padding-top:20px;
    }

    .fixture-venue{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:9px;
        padding:10px 18px;
        border-radius:999px;
        background:#e7f6eb;
        color:var(--green);
        font-size:15px;
        line-height:1;
        font-weight:900;
        text-transform:uppercase;
    }

    .fixture-venue > span{
        position:relative;
        width:15px;
        height:15px;
        border:2px solid currentColor;
        border-top-width:4px;
        border-radius:4px;
    }

    .fixture-meta-line{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        margin-top:18px;
        color:#5b6877;
        font-size:13px;
        font-weight:800;
        line-height:1.2;
    }

    .fixture-meta-line span{
        display:inline-flex;
        align-items:center;
    }

    .fixture-icon{
        display:inline-flex;
    }

    .fixture-meta-line > span + span{
        padding-left:10px;
        border-left:1px solid rgba(16,24,40,.14);
    }

    .fixture-location{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        margin-top:12px;
        color:#5b6877;
        font-size:14px;
        line-height:1.25;
        font-weight:700;
        text-align:center;
    }

    .fixture-location .fixture-icon{
        color:#687483;
    }

    .fixture-lineup{
        gap:12px;
        margin:0 0 16px;
    }

    .fixture-lineup .fixture-abbr{
        min-width:32px;
        color:var(--green);
        font-size:20px;
        font-weight:900;
    }

    .fixture-vs{
        position:relative;
        min-width:46px;
        color:#071221;
        font-size:36px;
        font-weight:900;
        text-shadow:none;
    }

    .fixture-vs:before,
    .fixture-vs:after{
        content:"";
        position:absolute;
        top:50%;
        width:1px;
        height:32px;
        transform:translateY(-50%);
        background:rgba(16,24,40,.14);
    }

    .fixture-vs:before{left:-5px}
    .fixture-vs:after{right:-5px}

    .fixture-status{
        display:inline-flex;
        align-items:center;
        padding:8px 16px;
        border-radius:999px;
        background:#e7f6eb;
        color:var(--green);
        font-size:13px;
        font-weight:900;
        text-transform:uppercase;
    }

    .fixture-status .fixture-icon{
        width:14px;
        height:14px;
    }

    .fixture-card-action{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        gap:8px;
        min-height:48px;
        margin-top:22px;
        padding:0 12px;
        border:1px solid rgba(31,122,61,.2);
        border-radius:10px;
        background:var(--green);
        color:#fff;
        font-size:15px;
        font-weight:900;
        line-height:1.2;
        white-space:nowrap;
    }

    .fixtures-grid .fixture-match-card:nth-child(n+2) .fixture-card-action{
        background:#fff;
        color:var(--green);
    }

    .fixture-card-action:after{
        content:">";
        margin-left:auto;
        padding-right:2px;
        font-size:20px;
        line-height:1;
    }

    .fixture-card-action > span:not(.fixture-icon){
        margin-left:auto;
        transform:none;
    }

    .fixture-card-action .fixture-icon{
        flex:0 0 auto;
        margin-left:2px;
        margin-right:0;
    }
}

@media(max-width:767px){
    .fixtures-board .fixture-card-action{
        width:clamp(156px, 44vw, 190px);
        min-height:42px;
        margin-top:20px;
        padding:0 10px;
        font-size:12px;
        line-height:1;
    }

    .fixtures-board .fixture-card-action:after{
        padding-right:0;
        font-size:16px;
    }

    .fixtures-board .fixture-card-action span{
        transform:none;
    }

    .fixtures-board .fixture-card-action > span:not(.fixture-icon){
        margin-left:0;
    }

    .fixtures-board .fixture-card-action .fixture-icon{
        margin-left:0;
    }
}

@media(max-width:380px){
    .home-mobile-fixture-teams{
        grid-template-columns:64px minmax(0,1fr) 64px;
        gap:8px;
    }

    .fixture-meta-line,
    .fixture-location{
        font-size:12px;
    }

    .fixture-venue{
        font-size:13px;
        padding:9px 14px;
    }
}

/* Image-matched public fixtures card. Scoped to avoid changing home fixtures. */
.fixtures-board .fixtures-grid{
    grid-template-columns:1fr;
    gap:68px;
    max-width:760px;
    margin:0 auto;
}

.fixtures-board .fixture-match-card{
    position:relative;
    display:grid;
    grid-template-columns:170px minmax(0, 1fr) 170px !important;
    align-items:center;
    gap:22px;
    min-height:350px;
    padding:80px 34px 78px;
    border:0;
    border-radius:16px;
    background:#fff;
    font-family:"Oswald","Arial Narrow","Roboto Condensed",Arial,sans-serif;
    letter-spacing:0;
    box-shadow:0 15px 28px rgba(15,23,42,.18), 0 3px 10px rgba(15,23,42,.08);
    overflow:visible;
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.fixtures-board .fixture-match-card:before,
.fixtures-board .fixture-match-card:after{
    display:none;
}

.fixtures-board .fixture-match-card:hover{
    transform:translateY(-2px);
    border-color:transparent;
    box-shadow:0 18px 34px rgba(15,23,42,.2), 0 5px 14px rgba(15,23,42,.1);
}

.fixtures-board .fixture-top-badge{
    position:absolute;
    left:50%;
    top:0;
    z-index:3;
    transform:translateX(-50%);
    min-width:206px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:10px 32px 11px;
    border-radius:0 0 18px 18px;
    background:linear-gradient(135deg,#46bd79 0%,#1f7a43 48%,#0d4b2c 100%);
    color:#fff;
    font-size:19px;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
    box-shadow:0 13px 24px rgba(23,116,62,.34), 0 0 22px rgba(41,151,87,.2);
    clip-path:polygon(15% 0, 85% 0, 100% 100%, 0 100%);
}

.fixtures-board .fixture-check-icon{
    position:relative;
    width:18px;
    height:18px;
    flex:0 0 auto;
    border-radius:50%;
    background:rgba(255,255,255,.28);
}

.fixtures-board .fixture-check-icon:after{
    content:"";
    position:absolute;
    left:5px;
    top:4px;
    width:7px;
    height:4px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(-45deg);
}

.fixtures-board .fixture-side{
    z-index:2;
    width:170px;
    min-height:246px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 14px 16px;
    border:1px solid #cbd3da;
    border-radius:14px;
    background:#eef1f3;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);
}

.fixtures-board .fixture-crest{
    width:138px;
    max-width:138px;
    aspect-ratio:1 / 1;
    height:auto;
    border-radius:9px;
    border:0;
    background:#fff;
    color:#1f7a43;
    font-size:clamp(38px, 5vw, 70px);
    font-weight:950;
    box-shadow:none;
}

.fixtures-board .fixture-crest img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:10px;
}

.fixtures-board .fixture-initials{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:linear-gradient(135deg,#d8f9e7 0%,#c7f3d9 45%,#b8edce 100%);
    color:#258346;
    font-size:inherit;
    font-weight:950;
    letter-spacing:0;
}

.fixtures-board .fixture-side-name{
    max-width:142px;
    color:#060b1f;
    font-size:18px;
    font-weight:700;
    line-height:1.18;
    text-align:center;
    text-transform:uppercase;
}

.fixtures-board .fixture-center{
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.fixtures-board .fixture-meta-line{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:0;
    margin:0;
    color:#060b1f;
    font-size:16px;
    font-weight:700;
    line-height:1.18;
    text-transform:uppercase;
}

.fixtures-board .fixture-meta-line > span + span{
    padding-left:0;
    border-left:1px solid #eadbd3;
}

.fixtures-board .fixture-meta-item{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    padding:0 14px;
    text-align:center;
}

.fixtures-board .fixture-meta-item > span:last-child{
    max-width:112px;
}

.fixtures-board .fixture-date > span:last-child,
.fixtures-board .fixture-time > span:last-child,
.fixtures-board .fixture-location > span:last-child{
    color:#000;
    font-size:.66em;
    font-weight:300;
    line-height:1.16;
}

.fixtures-board .fixture-time{
    color:#000;
}

.fixtures-board .fixture-meta-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:31px;
    height:31px;
    color:#12723c;
    flex:0 0 auto;
}

.fixtures-board .fixture-meta-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.85;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.fixtures-board .fixture-meta-stadium{
    width:39px;
}

.fixtures-board .fixture-icon{
    display:inline-flex;
    width:32px;
    height:32px;
    margin:0;
    color:#12723c;
}

.fixtures-board .fixture-icon-date:before{
    inset:6px 5px 4px;
    border-width:3px;
    border-radius:5px;
}

.fixtures-board .fixture-icon-date:after{
    left:10px;
    right:10px;
    top:13px;
    height:3px;
    box-shadow:0 8px 0 -1px currentColor;
}

.fixtures-board .fixture-icon-time:before{
    inset:4px;
    border-width:3px;
}

.fixtures-board .fixture-icon-time:after{
    top:9px;
    width:3px;
    height:10px;
    box-shadow:5px 8px 0 -1px currentColor;
}

.fixtures-board .fixture-icon-location:before{
    left:2px;
    right:2px;
    top:11px;
    width:auto;
    height:15px;
    border:3px solid currentColor;
    border-top:0;
    border-radius:50% 50% 5px 5px;
    transform:none;
}

.fixtures-board .fixture-icon-location:after{
    content:"";
    left:2px;
    right:2px;
    top:5px;
    width:auto;
    height:10px;
    border:3px solid currentColor;
    border-bottom:0;
    border-radius:50% 50% 0 0;
    background:transparent;
    transform:none;
}

.fixtures-board .fixture-lineup{
    width:100%;
    display:grid;
    grid-template-columns:minmax(58px, 1fr) auto minmax(58px, 1fr);
    align-items:center;
    gap:18px;
    margin:46px 0 25px;
}

.fixtures-board .fixture-vs-line{
    height:1px;
    background:linear-gradient(90deg,transparent,#0f7a45 55%,transparent);
}

.fixtures-board .fixture-vs-line:first-child{
    background:linear-gradient(90deg,transparent,#0f7a45);
}

.fixtures-board .fixture-vs-line:last-child{
    background:linear-gradient(90deg,#0f7a45,transparent);
}

.fixtures-board .fixture-vs{
    min-width:auto;
    color:#060b1f;
    font-size:60px;
    font-weight:700;
    line-height:.9;
    text-shadow:none;
}

.fixtures-board .fixture-vs:before,
.fixtures-board .fixture-vs:after{
    display:none;
}

.fixtures-board .fixture-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:42px;
    padding:9px 22px;
    border:1px solid #a9e5c0;
    border-radius:999px;
    background:#c9f4dc;
    color:#176e3b;
    font-size:15px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.68);
}

.fixtures-board .fixture-status .fixture-icon{
    width:22px;
    height:22px;
}

.fixtures-board .fixture-status-plane{
    display:inline-flex;
    width:22px;
    height:22px;
    flex:0 0 auto;
    color:#176e3b;
}

.fixtures-board .fixture-status-plane svg{
    width:100%;
    height:100%;
    fill:currentColor;
    stroke:currentColor;
    stroke-width:1.3;
    stroke-linecap:round;
    stroke-linejoin:round;
    transform:rotate(-8deg);
}

.fixtures-board .fixture-icon-home:before{
    left:1px;
    top:5px;
    width:20px;
    height:14px;
}

.fixtures-board .fixture-icon-away:before{
    content:"";
    position:absolute;
    left:1px;
    top:9px;
    width:20px;
    height:4px;
    border-radius:999px 999px 2px 2px;
    background:currentColor;
    transform:rotate(-35deg);
}

.fixtures-board .fixture-icon-away:after{
    content:"";
    position:absolute;
    left:12px;
    top:3px;
    width:8px;
    height:16px;
    background:currentColor;
    clip-path:polygon(0 38%,100% 0,72% 100%);
    transform:rotate(-35deg);
}

.fixtures-board .fixture-card-action{
    position:absolute;
    left:50%;
    bottom:14px;
    z-index:3;
    transform:translateX(-50%);
    min-width:256px;
    min-height:49px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:0;
    padding:13px 28px;
    border:0;
    border-radius:999px;
    background:#1b7c41;
    color:#fff;
    font-size:16px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    box-shadow:0 11px 21px rgba(13,75,44,.28), inset 0 -2px 0 rgba(0,0,0,.13);
    transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

.fixtures-board .fixture-card-action:hover{
    filter:brightness(1.08);
    transform:translate(-50%, -2px);
    box-shadow:0 13px 25px rgba(13,75,44,.32), inset 0 -2px 0 rgba(0,0,0,.13);
}

.fixtures-board .fixture-card-action:after{
    display:none;
}

.fixtures-board .fixture-card-action span{
    transform:none;
}

@media(max-width:767px){
    .fixtures-board .container{
        padding-left:10px;
        padding-right:10px;
    }

    .fixtures-board .fixtures-grid{
        grid-template-columns:1fr;
        gap:48px;
    }

    .fixtures-board .fixture-match-card{
        grid-template-columns:76px minmax(160px, 1fr) 76px !important;
        gap:8px;
        min-width:360px;
        min-height:260px;
        padding:42px 12px 64px;
        border-radius:16px;
    }

    .fixtures-board .fixture-top-badge{
        min-width:154px;
        min-height:42px;
        padding:10px 22px;
        border-radius:0 0 16px 16px;
        font-size:13px;
        gap:7px;
    }

    .fixtures-board .fixture-check-icon{
        width:13px;
        height:13px;
    }

    .fixtures-board .fixture-check-icon:after{
        left:4px;
        top:3px;
        width:5px;
        height:3px;
        border-width:1.5px;
    }

    .fixtures-board .fixture-side{
        width:76px;
        min-height:126px;
        gap:8px;
        padding:8px 5px 7px;
        border-radius:10px;
    }

    .fixtures-board .fixture-crest{
        width:62px;
        max-width:62px;
        border-radius:7px;
        font-size:28px;
    }

    .fixtures-board .fixture-crest img{
        padding:4px;
    }

    .fixtures-board .fixture-initials{
        border-radius:7px;
    }

    .fixtures-board .fixture-side-name{
        max-width:66px;
        font-size:9px;
        line-height:1.15;
    }

    .fixtures-board .fixture-meta-line{
        font-size:9px;
        line-height:1.17;
    }

    .fixtures-board .fixture-meta-item{
        gap:5px;
        padding:0 4px;
    }

    .fixtures-board .fixture-meta-item > span:last-child{
        max-width:58px;
    }

    .fixtures-board .fixture-meta-icon{
        width:22px;
        height:22px;
    }

    .fixtures-board .fixture-meta-stadium{
        width:25px;
    }

    .fixtures-board .fixture-icon{
        width:22px;
        height:22px;
    }

    .fixtures-board .fixture-icon-date:before{
        inset:4px 3px 3px;
        border-width:2px;
        border-radius:3px;
    }

    .fixtures-board .fixture-icon-date:after{
        left:7px;
        right:7px;
        top:8px;
        height:2px;
        box-shadow:0 5px 0 -1px currentColor;
    }

    .fixtures-board .fixture-icon-time:before{
        inset:3px;
        border-width:2px;
    }

    .fixtures-board .fixture-icon-time:after{
        top:6px;
        width:2px;
        height:7px;
        box-shadow:3px 5px 0 -1px currentColor;
    }

    .fixtures-board .fixture-icon-location:before{
        top:8px;
        height:10px;
        border-width:2px;
    }

    .fixtures-board .fixture-icon-location:after{
        top:4px;
        height:7px;
        border-width:2px;
    }

    .fixtures-board .fixture-lineup{
        gap:9px;
        margin:24px 0 20px;
    }

    .fixtures-board .fixture-vs{
        font-size:36px;
    }

    .fixtures-board .fixture-vs-line{
        height:1px;
    }

    .fixtures-board .fixture-status{
        min-height:30px;
        padding:7px 12px;
        gap:6px;
        font-size:10px;
    }

    .fixtures-board .fixture-status .fixture-icon{
        width:16px;
        height:16px;
    }

    .fixtures-board .fixture-status-plane{
        width:16px;
        height:16px;
    }

    .fixtures-board .fixture-icon-home:before{
        top:4px;
        width:14px;
        height:10px;
    }

    .fixtures-board .fixture-icon-away:before{
        top:7px;
        width:15px;
        height:3px;
    }

    .fixtures-board .fixture-icon-away:after{
        left:9px;
        top:2px;
        width:6px;
        height:12px;
    }

    .fixtures-board .fixture-card-action{
        bottom:14px;
        min-width:190px;
        min-height:42px;
        padding:10px 18px;
        font-size:12px;
        gap:8px;
    }
}

@media(max-width:380px){
    .fixtures-board .fixtures-grid{
        overflow-x:auto;
        padding-bottom:4px;
        scroll-snap-type:x proximity;
    }

    .fixtures-board .fixture-match-card{
        scroll-snap-align:center;
    }
}

@media(min-width:1024px){
    .fixtures-board .fixtures-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:58px 28px;
        max-width:1180px;
        perspective:1200px;
    }

    .fixtures-board .fixture-match-card{
        grid-template-columns:122px minmax(0, 1fr) 122px !important;
        gap:15px;
        min-height:286px;
        padding:58px 22px 62px;
        border-radius:16px;
        background:linear-gradient(180deg,#ffffff 0%,#ffffff 76%,#f7faf8 100%);
        box-shadow:
            0 24px 34px rgba(15,23,42,.2),
            0 9px 0 rgba(15,23,42,.035),
            inset 0 1px 0 rgba(255,255,255,.95);
        transform:translateZ(0);
    }

    .fixtures-board .fixture-match-card:hover{
        transform:translateY(-4px) rotateX(1deg);
        box-shadow:
            0 30px 42px rgba(15,23,42,.23),
            0 10px 0 rgba(15,23,42,.04),
            inset 0 1px 0 rgba(255,255,255,.95);
    }

    .fixtures-board .fixture-top-badge{
        min-width:166px;
        min-height:40px;
        padding:9px 25px 10px;
        font-size:15px;
        border-radius:0 0 15px 15px;
    }

    .fixtures-board .fixture-check-icon{
        width:14px;
        height:14px;
    }

    .fixtures-board .fixture-check-icon:after{
        left:4px;
        top:3px;
        width:6px;
        height:3px;
        border-width:1.7px;
    }

    .fixtures-board .fixture-side{
        width:122px;
        min-height:178px;
        gap:10px;
        padding:12px 9px 11px;
        border-radius:13px;
    }

    .fixtures-board .fixture-crest{
        width:96px;
        max-width:96px;
        border-radius:8px;
        font-size:42px;
    }

    .fixtures-board .fixture-crest img{
        padding:7px;
    }

    .fixtures-board .fixture-side-name{
        max-width:106px;
        font-size:13px;
        line-height:1.15;
    }

    .fixtures-board .fixture-meta-line{
        font-size:12px;
        line-height:1.15;
    }

    .fixtures-board .fixture-meta-item{
        gap:6px;
        padding:0 7px;
    }

    .fixtures-board .fixture-meta-item > span:last-child{
        max-width:72px;
    }

    .fixtures-board .fixture-meta-icon{
        width:25px;
        height:25px;
    }

    .fixtures-board .fixture-meta-stadium{
        width:31px;
    }

    .fixtures-board .fixture-lineup{
        grid-template-columns:minmax(34px, 1fr) auto minmax(34px, 1fr);
        gap:13px;
        margin:34px 0 20px;
    }

    .fixtures-board .fixture-vs{
        font-size:48px;
    }

    .fixtures-board .fixture-status{
        min-height:34px;
        padding:7px 17px;
        gap:7px;
        font-size:12px;
    }

    .fixtures-board .fixture-status .fixture-icon{
        width:18px;
        height:18px;
    }

    .fixtures-board .fixture-status-plane{
        width:18px;
        height:18px;
    }

    .fixtures-board .fixture-icon-home:before{
        top:4px;
        width:16px;
        height:11px;
    }

    .fixtures-board .fixture-icon-away:before{
        top:8px;
        width:16px;
        height:3px;
    }

    .fixtures-board .fixture-icon-away:after{
        left:10px;
        top:3px;
        width:7px;
        height:13px;
    }

    .fixtures-board .fixture-card-action{
        bottom:13px;
        min-width:204px;
        min-height:42px;
        padding:11px 22px;
        font-size:12px;
        box-shadow:
            0 10px 17px rgba(13,75,44,.3),
            inset 0 -2px 0 rgba(0,0,0,.14);
    }
}