/*
Theme Name: POA Official
Theme URI: https://poatsaleniou.com
Author: POA
Description: Official WordPress theme for Π.Ο.Α. Ατσαλένιου.
Version: 1.0.0
Text Domain: poa
*/

:root{
    --poa-green:#0b7a3b;
    --poa-green-2:#12a653;
    --poa-lime:#a7ff6a;

    --poa-black:#050806;
    --poa-black-2:#0b110d;
    --poa-dark:#101713;

    --poa-white:#f7faf7;
    --poa-muted:#89968e;

    --poa-line:rgba(255,255,255,.10);

    --poa-radius:24px;

    --poa-shadow:
        0 24px 70px
        rgba(0,0,0,.16);

    --poa-width:1320px;
}


/* RESET */

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    color:#111712;

    background:#fff;

    -webkit-font-smoothing:antialiased;
}

img{
    max-width:100%;
    height:auto;
}

a{
    color:inherit;
    text-decoration:none;
}

button,
input,
textarea,
select{
    font:inherit;
}

.poa-container{
    width:min(
        calc(100% - 48px),
        var(--poa-width)
    );

    margin-inline:auto;
}


/* HEADER */

.poa-header{
    position:relative;
    z-index:100;

    background:#fff;

    border-bottom:
        1px solid
        rgba(0,0,0,.08);
}

.poa-topbar{
    color:
        rgba(255,255,255,.70);

    background:
        var(--poa-black);
}

.poa-topbar-inner{
    min-height:36px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    font-size:11px;
    font-weight:750;

    letter-spacing:.08em;

    text-transform:uppercase;
}

.poa-topbar a{
    color:var(--poa-lime);
}

.poa-main-header{
    background:
        rgba(255,255,255,.96);

    backdrop-filter:
        blur(14px);
}

.poa-header-inner{
    min-height:88px;

    display:flex;
    align-items:center;

    gap:40px;
}

.poa-brand{
    display:flex;
    align-items:center;

    gap:13px;

    margin-right:auto;
}

.poa-brand-mark,
.poa-footer-mark{
    width:54px;
    height:54px;

    display:grid;
    place-items:center;

    border-radius:15px;

    color:#fff;

    background:
        linear-gradient(
            145deg,
            #08723a,
            #0aa04e
        );

    font-size:16px;
    font-weight:950;

    letter-spacing:-.05em;
}

.poa-brand-logo{
    width:58px;
    height:58px;

    display:grid;
    place-items:center;
}

.poa-brand-logo img{
    max-width:58px;
    max-height:58px;

    object-fit:contain;
}

.poa-brand-copy{
    display:flex;
    flex-direction:column;

    line-height:1;
}

.poa-brand-copy strong{
    font-size:22px;
    font-weight:950;

    letter-spacing:.01em;
}

.poa-brand-copy small{
    margin-top:5px;

    color:var(--poa-green);

    font-size:10px;
    font-weight:900;

    letter-spacing:.22em;
}

.poa-menu{
    display:flex;
    align-items:center;

    gap:27px;

    margin:0;
    padding:0;

    list-style:none;
}

.poa-menu > li{
    position:relative;
}

.poa-menu a{
    display:block;

    padding:34px 0;

    color:#1d241f;

    font-size:13px;
    font-weight:800;

    white-space:nowrap;
}

.poa-menu > li > a:hover{
    color:var(--poa-green);
}

.poa-menu .sub-menu{
    position:absolute;

    top:72px;
    left:-20px;

    min-width:220px;

    display:none;

    margin:0;
    padding:10px;

    list-style:none;

    border:
        1px solid
        rgba(0,0,0,.08);

    border-radius:14px;

    background:#fff;

    box-shadow:
        0 18px 50px
        rgba(0,0,0,.12);
}

.poa-menu li:hover > .sub-menu{
    display:block;
}

.poa-menu .sub-menu a{
    padding:11px 12px;

    border-radius:9px;
}

.poa-menu .sub-menu a:hover{
    color:var(--poa-green);

    background:#f3f8f4;
}

.poa-menu-toggle{
    width:44px;
    height:44px;

    display:none;

    align-items:center;
    justify-content:center;
    flex-direction:column;

    gap:5px;

    padding:0;

    border:0;

    border-radius:12px;

    background:#eef5f0;
}

.poa-menu-toggle span{
    width:20px;
    height:2px;

    display:block;

    background:#111;
}


/* HERO */

.poa-hero{
    position:relative;

    overflow:hidden;

    color:#fff;

    background:
        radial-gradient(
            circle at 76% 24%,
            rgba(20,190,86,.30),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #030805 0%,
            #07170d 45%,
            #092918 100%
        );
}

.poa-hero-pattern{
    position:absolute;
    inset:0;

    opacity:.17;

    background-image:
        linear-gradient(
            rgba(255,255,255,.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.06) 1px,
            transparent 1px
        );

    background-size:54px 54px;

    mask-image:
        linear-gradient(
            to bottom,
            #000,
            transparent 92%
        );
}

.poa-hero-grid{
    position:relative;

    min-height:650px;

    display:grid;

    grid-template-columns:
        minmax(0,1.12fr)
        minmax(360px,.88fr);

    align-items:center;

    gap:80px;

    padding-top:85px;
    padding-bottom:85px;
}

.poa-kicker,
.poa-section-kicker{
    display:block;

    margin-bottom:18px;

    color:var(--poa-green-2);

    font-size:11px;
    font-weight:950;

    letter-spacing:.22em;

    text-transform:uppercase;
}

.poa-hero .poa-kicker{
    color:var(--poa-lime);
}

.poa-hero h1{
    max-width:850px;

    margin:0;

    font-size:
        clamp(
            58px,
            7vw,
            112px
        );

    line-height:.88;

    font-weight:950;

    letter-spacing:-.07em;
}

.poa-hero h1 span{
    display:block;

    color:var(--poa-lime);
}

.poa-hero-copy > p{
    max-width:590px;

    margin:
        30px 0
        0;

    color:
        rgba(255,255,255,.68);

    font-size:
        clamp(
            17px,
            2vw,
            21px
        );

    line-height:1.6;
}

.poa-hero-actions{
    display:flex;
    flex-wrap:wrap;

    gap:12px;

    margin-top:36px;
}

.poa-button{
    min-height:52px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:
        0 23px;

    border-radius:14px;

    font-size:13px;
    font-weight:900;
}

.poa-button-primary{
    color:#031006;

    background:
        var(--poa-lime);
}

.poa-button-primary:hover{
    background:#baff8b;
}

.poa-button-ghost{
    color:#fff;

    border:
        1px solid
        rgba(255,255,255,.20);

    background:
        rgba(255,255,255,.05);
}

.poa-hero-emblem{
    display:grid;
    place-items:center;
}

.poa-hero-ring{
    width:
        min(
            33vw,
            390px
        );

    aspect-ratio:1;

    display:grid;
    place-items:center;

    position:relative;

    border:
        1px solid
        rgba(167,255,106,.24);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(18,166,83,.22),
            rgba(5,8,6,.05) 68%
        );

    box-shadow:
        0 0 0 30px
        rgba(255,255,255,.018),
        0 0 0 60px
        rgba(255,255,255,.01);
}

.poa-hero-ring:before{
    content:"";

    position:absolute;

    width:76%;
    height:76%;

    border:
        1px solid
        rgba(167,255,106,.20);

    border-radius:50%;
}

.poa-hero-monogram{
    position:relative;

    color:#fff;

    font-size:
        clamp(
            60px,
            7vw,
            105px
        );

    line-height:.9;

    font-weight:950;

    letter-spacing:-.09em;
}

.poa-hero-ring small{
    position:absolute;

    bottom:26%;

    color:var(--poa-lime);

    font-size:9px;
    font-weight:900;

    letter-spacing:.28em;
}

.poa-hero-meta{
    position:relative;

    border-top:
        1px solid
        rgba(255,255,255,.08);

    background:
        rgba(0,0,0,.15);
}

.poa-hero-meta-grid{
    display:grid;

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

.poa-hero-meta-grid > div{
    min-height:100px;

    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;

    padding:
        24px 26px;

    border-right:
        1px solid
        rgba(255,255,255,.08);
}

.poa-hero-meta-grid > div:first-child{
    border-left:
        1px solid
        rgba(255,255,255,.08);
}

.poa-hero-meta span{
    font-size:19px;
    font-weight:950;
}

.poa-hero-meta small{
    margin-top:5px;

    color:
        rgba(255,255,255,.42);

    font-size:9px;
    font-weight:850;

    letter-spacing:.17em;
}


/* SECTIONS */

.poa-section{
    padding:
        105px 0;
}

.poa-section-dark{
    color:#fff;

    background:
        var(--poa-black);
}

.poa-section-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:42px;
}

.poa-section-heading h2{
    margin:0;

    font-size:
        clamp(
            38px,
            5vw,
            68px
        );

    line-height:.95;

    letter-spacing:-.055em;
}

.poa-section-heading > a{
    color:var(--poa-green);

    font-size:13px;
    font-weight:900;
}

.poa-heading-light > a{
    color:var(--poa-lime);
}


/* NEWS */

.poa-news-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:18px;
}

.poa-news-card{
    overflow:hidden;

    border:
        1px solid
        rgba(0,0,0,.08);

    border-radius:
        var(--poa-radius);

    background:#fff;

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

.poa-news-card:hover{
    transform:
        translateY(-5px);

    box-shadow:
        var(--poa-shadow);
}

.poa-news-image,
.poa-news-placeholder{
    aspect-ratio:
        4 / 3;

    display:block;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #06110a,
            #0c6f38
        );
}

.poa-news-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .4s ease;
}

.poa-news-card:hover
.poa-news-image img{
    transform:
        scale(1.035);
}

.poa-news-placeholder{
    display:grid;
    place-items:center;

    color:
        rgba(255,255,255,.88);

    font-size:38px;
    font-weight:950;

    letter-spacing:-.08em;
}

.poa-news-content{
    padding:22px;
}

.poa-news-date{
    margin-bottom:9px;

    color:var(--poa-green);

    font-size:10px;
    font-weight:900;

    letter-spacing:.14em;
}

.poa-news-content h3{
    margin:0;

    font-size:20px;
    line-height:1.15;

    letter-spacing:-.025em;
}

.poa-news-content h3 a:hover{
    color:var(--poa-green);
}

.poa-news-content p{
    margin:
        13px 0 0;

    color:#788079;

    font-size:14px;
    line-height:1.55;
}


/* MATCH */

.poa-match-layout{
    display:grid;

    grid-template-columns:
        1.35fr .65fr;

    gap:18px;
}

.poa-match-feature{
    min-height:360px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    padding:
        clamp(
            30px,
            5vw,
            64px
        );

    border:
        1px solid
        rgba(167,255,106,.16);

    border-radius:
        28px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(20,190,86,.18),
            transparent 38%
        ),
        #0b120d;
}

.poa-match-label{
    margin-bottom:35px;

    color:var(--poa-lime);

    font-size:10px;
    font-weight:900;

    letter-spacing:.20em;
}

.poa-match-clubs{
    display:grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items:center;

    gap:20px;
}

.poa-match-clubs > div{
    display:flex;
    flex-direction:column;
}

.poa-match-clubs > div:last-child{
    text-align:right;
}

.poa-match-clubs strong{
    font-size:
        clamp(
            35px,
            5vw,
            70px
        );

    line-height:.9;

    letter-spacing:-.06em;
}

.poa-match-clubs small{
    margin-top:10px;

    color:
        rgba(255,255,255,.42);

    font-size:9px;

    letter-spacing:.16em;
}

.poa-vs{
    color:
        rgba(255,255,255,.25);

    font-size:13px;
    font-weight:900;
}

.poa-match-feature p{
    margin:
        35px 0 0;

    color:
        rgba(255,255,255,.48);
}

.poa-match-side{
    display:grid;

    gap:12px;
}

.poa-link-panel{
    min-height:110px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:24px;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:20px;

    background:#0c130e;
}

.poa-link-panel:hover{
    border-color:
        rgba(167,255,106,.35);

    background:#101a13;
}

.poa-link-panel span{
    color:
        rgba(255,255,255,.42);

    font-size:10px;

    letter-spacing:.14em;
}

.poa-link-panel strong{
    margin-top:7px;

    font-size:16px;
}


/* TEAMS */

.poa-team-grid{
    display:grid;

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

    gap:12px;
}

.poa-team-card{
    min-height:270px;

    display:flex;
    justify-content:space-between;
    flex-direction:column;

    padding:26px;

    position:relative;

    overflow:hidden;

    border-radius:
        var(--poa-radius);

    color:#fff;

    background:
        linear-gradient(
            150deg,
            #07120b,
            #0b7b3c
        );
}

.poa-team-card:nth-child(even){
    background:
        linear-gradient(
            150deg,
            #0b0f0c,
            #183223
        );
}

.poa-team-number{
    color:
        rgba(255,255,255,.22);

    font-size:13px;
    font-weight:900;
}

.poa-team-card small{
    display:block;

    margin-bottom:7px;

    color:
        rgba(255,255,255,.55);

    font-size:10px;

    letter-spacing:.12em;
}

.poa-team-card strong{
    font-size:29px;

    line-height:.95;

    letter-spacing:-.04em;
}

.poa-team-arrow{
    position:absolute;

    top:20px;
    right:22px;

    color:var(--poa-lime);

    font-size:22px;
}

.poa-team-card:hover{
    transform:
        translateY(-4px);
}


/* ACADEMY */

.poa-academy-feature{
    overflow:hidden;

    padding:
        110px 0;

    color:#fff;

    background:
        radial-gradient(
            circle at 85% 50%,
            rgba(167,255,106,.15),
            transparent 35%
        ),
        linear-gradient(
            120deg,
            #06331a,
            #071109 65%
        );
}

.poa-academy-grid{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    align-items:center;

    gap:80px;
}

.poa-academy-copy h2{
    margin:0;

    font-size:
        clamp(
            48px,
            7vw,
            90px
        );

    line-height:.88;

    letter-spacing:-.07em;
}

.poa-academy-copy h2 span{
    display:block;

    color:var(--poa-lime);
}

.poa-academy-copy p{
    max-width:580px;

    margin:
        27px 0 0;

    color:
        rgba(255,255,255,.62);

    font-size:17px;
    line-height:1.65;
}

.poa-academy-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:24px;

    margin-top:34px;
}

.poa-text-link{
    color:#fff;

    font-size:13px;
    font-weight:900;
}

.poa-academy-stat-grid{
    display:grid;

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

    gap:12px;
}

.poa-academy-stat-grid div{
    min-height:180px;

    display:flex;
    justify-content:flex-end;
    flex-direction:column;

    padding:24px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:22px;

    background:
        rgba(255,255,255,.045);
}

.poa-academy-stat-grid strong{
    color:var(--poa-lime);

    font-size:
        clamp(
            30px,
            4vw,
            48px
        );

    letter-spacing:-.05em;
}

.poa-academy-stat-grid span{
    margin-top:7px;

    color:
        rgba(255,255,255,.44);

    font-size:9px;

    letter-spacing:.17em;
}


/* BOTTOM */

.poa-bottom-grid{
    display:grid;

    grid-template-columns:
        1.35fr .65fr;

    gap:16px;
}

.poa-big-link{
    min-height:280px;

    display:flex;
    justify-content:flex-end;
    flex-direction:column;

    padding:
        clamp(
            28px,
            5vw,
            48px
        );

    border-radius:28px;

    color:#fff;

    background:
        linear-gradient(
            145deg,
            #141a16,
            #050705
        );
}

.poa-big-link-media{
    background:
        linear-gradient(
            145deg,
            #0d7138,
            #07130a
        );
}

.poa-big-link small{
    margin-bottom:12px;

    color:
        rgba(255,255,255,.50);

    font-size:10px;

    letter-spacing:.18em;
}

.poa-big-link strong{
    font-size:
        clamp(
            37px,
            5vw,
            65px
        );

    line-height:.95;

    letter-spacing:-.055em;
}

.poa-big-link span{
    margin-top:20px;

    color:var(--poa-lime);

    font-size:13px;
    font-weight:900;
}


/* FOOTER */

.poa-footer{
    padding:
        65px 0 25px;

    color:#fff;

    background:#040604;
}

.poa-footer-grid{
    display:grid;

    grid-template-columns:
        2fr
        1fr
        1fr
        1fr;

    gap:45px;
}

.poa-footer-brand{
    display:flex;

    gap:18px;
}

.poa-footer-brand strong{
    display:block;

    max-width:330px;

    font-size:17px;
}

.poa-footer-brand p{
    max-width:330px;

    margin:
        12px 0 0;

    color:
        rgba(255,255,255,.43);

    font-size:13px;
    line-height:1.55;
}

.poa-footer h4{
    margin:
        0 0 18px;

    color:
        rgba(255,255,255,.42);

    font-size:10px;

    letter-spacing:.18em;
}

.poa-footer-grid > div:not(:first-child){
    display:flex;
    flex-direction:column;

    gap:12px;
}

.poa-footer-grid a{
    color:
        rgba(255,255,255,.72);

    font-size:13px;
}

.poa-footer-grid a:hover{
    color:var(--poa-lime);
}

.poa-footer-bottom{
    display:flex;
    justify-content:space-between;

    gap:20px;

    margin-top:55px;
    padding-top:22px;

    border-top:
        1px solid
        rgba(255,255,255,.08);

    color:
        rgba(255,255,255,.32);

    font-size:10px;

    letter-spacing:.08em;
}


/* NORMAL PAGES */

.poa-content-page{
    min-height:60vh;

    padding:
        80px 0;
}

.poa-standard-content{
    max-width:900px;
}

.poa-standard-content h1{
    font-size:
        clamp(
            42px,
            6vw,
            70px
        );

    line-height:.95;

    letter-spacing:-.05em;
}


/* MOBILE */

@media (max-width:1050px){

    .poa-menu-toggle{
        display:flex;
    }

    .poa-nav{
        position:absolute;

        top:124px;
        left:24px;
        right:24px;

        display:none;

        overflow:auto;

        max-height:
            calc(100vh - 150px);

        padding:14px;

        border-radius:18px;

        background:#fff;

        box-shadow:
            0 22px 55px
            rgba(0,0,0,.17);
    }

    .poa-nav.is-open{
        display:block;
    }

    .poa-menu{
        display:block;
    }

    .poa-menu a{
        padding:
            13px 14px;

        border-radius:10px;
    }

    .poa-menu .sub-menu{
        position:static;

        display:block;

        padding:
            0 0 5px 18px;

        border:0;

        box-shadow:none;
    }

    .poa-hero-grid{
        grid-template-columns:
            1fr .55fr;

        gap:30px;
    }

    .poa-news-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

    .poa-team-grid{
        grid-template-columns:
            repeat(2,1fr);
    }
}


@media (max-width:760px){

    .poa-container{
        width:
            min(
                calc(100% - 30px),
                var(--poa-width)
            );
    }

    .poa-topbar-inner{
        min-height:32px;

        font-size:9px;
    }

    .poa-topbar-inner > span{
        overflow:hidden;

        max-width:55%;

        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .poa-header-inner{
        min-height:72px;
    }

    .poa-brand-mark{
        width:45px;
        height:45px;

        border-radius:12px;
    }

    .poa-brand-copy strong{
        font-size:18px;
    }

    .poa-brand-copy small{
        font-size:8px;
    }

    .poa-nav{
        top:104px;

        left:15px;
        right:15px;
    }

    .poa-hero-grid{
        min-height:auto;

        grid-template-columns:
            1fr;

        padding-top:70px;
        padding-bottom:70px;
    }

    .poa-hero h1{
        font-size:
            clamp(
                53px,
                16vw,
                80px
            );
    }

    .poa-hero-emblem{
        display:none;
    }

    .poa-hero-meta-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

    .poa-hero-meta-grid > div{
        min-height:80px;
    }

    .poa-section{
        padding:
            72px 0;
    }

    .poa-section-heading{
        align-items:flex-start;
        flex-direction:column;

        margin-bottom:30px;
    }

    .poa-news-grid{
        grid-template-columns:
            1fr;
    }

    .poa-news-card{
        display:grid;

        grid-template-columns:
            120px 1fr;
    }

    .poa-news-image,
    .poa-news-placeholder{
        height:100%;

        aspect-ratio:auto;
    }

    .poa-news-content{
        padding:18px;
    }

    .poa-news-content h3{
        font-size:18px;
    }

    .poa-news-content p{
        display:none;
    }

    .poa-match-layout{
        grid-template-columns:
            1fr;
    }

    .poa-match-feature{
        min-height:300px;

        padding:26px;
    }

    .poa-match-clubs strong{
        font-size:34px;
    }

    .poa-team-grid{
        grid-template-columns:
            1fr;
    }

    .poa-team-card{
        min-height:180px;
    }

    .poa-academy-feature{
        padding:
            75px 0;
    }

    .poa-academy-grid{
        grid-template-columns:
            1fr;

        gap:50px;
    }

    .poa-academy-copy h2{
        font-size:
            clamp(
                50px,
                15vw,
                75px
            );
    }

    .poa-academy-stat-grid div{
        min-height:135px;
    }

    .poa-bottom-grid{
        grid-template-columns:
            1fr;
    }

    .poa-big-link{
        min-height:220px;
    }

    .poa-footer-grid{
        grid-template-columns:
            1fr 1fr;

        gap:38px 24px;
    }

    .poa-footer-brand{
        grid-column:
            1 / -1;
    }

    .poa-footer-bottom{
        flex-direction:column;
    }
}


@media (max-width:430px){

    .poa-brand-copy small{
        letter-spacing:.13em;
    }

    .poa-hero-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .poa-button{
        width:100%;
    }

    .poa-hero-meta-grid{
        grid-template-columns:
            1fr 1fr;
    }

    .poa-footer-grid{
        grid-template-columns:
            1fr;
    }

    .poa-footer-brand{
        grid-column:auto;
    }
}

/* POA FUTURE GLASS V2 */

:root{
    --poa-neon:#a8ff63;
    --poa-green:#0b8e48;
    --poa-green2:#17c768;
    --poa-deep:#020604;
    --poa-panel:#09100b;
    --poa-glass:rgba(255,255,255,.055);
    --poa-border:rgba(168,255,99,.14);
    --poa-soft-border:rgba(255,255,255,.075);
    --poa-shadow:
        0 24px 70px rgba(0,0,0,.38),
        0 0 50px rgba(24,200,95,.05);
}

/* GLOBAL */

body{
    color:#f5f8f5;
    background:
        radial-gradient(circle at 15% 0%,rgba(20,190,86,.13),transparent 28%),
        radial-gradient(circle at 90% 30%,rgba(168,255,99,.06),transparent 30%),
        #020403;
}

.poa-home{
    background:
        linear-gradient(
            180deg,
            #020403 0%,
            #050a07 46%,
            #010302 100%
        );
}

.poa-section{
    position:relative;
    overflow:hidden;
    background:transparent;
}

.poa-section::before{
    content:"";
    position:absolute;
    width:460px;
    height:460px;
    right:-180px;
    top:-230px;
    border-radius:50%;
    background:rgba(20,190,86,.05);
    filter:blur(100px);
    pointer-events:none;
}

.poa-section > .poa-container{
    position:relative;
    z-index:2;
}

/* HEADER */

.poa-header{
    position:sticky;
    top:0;
    z-index:999;
    border-bottom:1px solid rgba(168,255,99,.08);
    background:rgba(3,7,4,.84);
    backdrop-filter:blur(22px) saturate(150%);
    -webkit-backdrop-filter:blur(22px) saturate(150%);
}

.admin-bar .poa-header{
    top:32px;
}

.poa-topbar{
    background:rgba(0,0,0,.36);
    border-bottom:1px solid rgba(255,255,255,.035);
}

.poa-main-header{
    background:transparent;
}

.poa-brand-copy strong{
    color:#fff;
}

.poa-brand-copy small{
    color:var(--poa-neon);
}

.poa-brand-mark,
.poa-footer-mark{
    color:#061006;
    background:
        linear-gradient(145deg,#baff84,#62dc49);
    border:1px solid rgba(255,255,255,.30);
    box-shadow:
        0 0 32px rgba(168,255,99,.18);
}

.poa-menu > li > a{
    color:rgba(255,255,255,.76);
}

.poa-menu > li > a:hover{
    color:#fff;
}

.poa-menu .sub-menu{
    border:1px solid rgba(168,255,99,.10);
    background:rgba(6,12,8,.96);
    backdrop-filter:blur(22px);
    box-shadow:0 22px 55px rgba(0,0,0,.40);
}

.poa-menu .sub-menu a{
    color:rgba(255,255,255,.72);
}

.poa-menu .sub-menu a:hover{
    color:var(--poa-neon);
    background:rgba(168,255,99,.06);
}

/* HERO */

.poa-hero{
    min-height:calc(100vh - 120px);
    overflow:hidden;
    background:
        radial-gradient(circle at 77% 34%,rgba(24,191,88,.30),transparent 22%),
        radial-gradient(circle at 42% 110%,rgba(168,255,99,.09),transparent 38%),
        linear-gradient(
            135deg,
            #010302 0%,
            #07120b 48%,
            #020504 100%
        );
}

.poa-hero::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    top:50%;
    right:7%;
    transform:translateY(-50%);
    border-radius:50%;
    border:1px solid rgba(168,255,99,.08);
    box-shadow:
        0 0 0 45px rgba(168,255,99,.018),
        0 0 0 90px rgba(168,255,99,.010);
}

.poa-hero-pattern{
    opacity:.22;
    background-size:48px 48px;
}

.poa-hero-grid{
    min-height:690px;
}

.poa-kicker{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid rgba(168,255,99,.15);
    border-radius:999px;
    background:rgba(168,255,99,.055);
    backdrop-filter:blur(12px);
}

.poa-hero h1{
    text-shadow:
        0 18px 55px rgba(0,0,0,.40);
}

.poa-hero h1 span{
    color:var(--poa-neon);
    text-shadow:
        0 0 35px rgba(168,255,99,.16);
}

.poa-button{
    border-radius:16px;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.poa-button:hover{
    transform:translateY(-2px);
}

.poa-button-primary{
    color:#051006;
    background:
        linear-gradient(135deg,#b4ff7c,#62dc49);
    border:1px solid rgba(255,255,255,.22);
    box-shadow:
        0 14px 35px rgba(91,220,72,.18);
}

.poa-button-ghost{
    color:#fff;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(14px);
}

.poa-hero-ring{
    border:1px solid rgba(168,255,99,.18);
    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(168,255,99,.13),
            rgba(7,18,11,.28) 58%,
            rgba(0,0,0,.18)
        );
    backdrop-filter:blur(12px);
    box-shadow:
        0 0 75px rgba(20,190,86,.16),
        inset 0 0 60px rgba(168,255,99,.035);
}

.poa-hero-monogram{
    color:var(--poa-neon);
    text-shadow:
        0 0 36px rgba(168,255,99,.25);
}

.poa-hero-meta{
    border-top:1px solid rgba(168,255,99,.07);
    background:rgba(3,8,5,.56);
    backdrop-filter:blur(14px);
}

/* TITLES */

.poa-section-kicker{
    color:var(--poa-neon);
}

.poa-section-heading h2{
    color:#fff;
}

.poa-section-heading > a{
    color:var(--poa-neon);
}

/* NEWS */

.poa-news-card{
    position:relative;
    overflow:hidden;
    color:#fff;
    border:1px solid var(--poa-soft-border);
    border-radius:26px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        );
    backdrop-filter:blur(16px);
    box-shadow:
        0 18px 50px rgba(0,0,0,.22);
}

.poa-news-card:hover{
    transform:translateY(-7px);
    border-color:rgba(168,255,99,.22);
    box-shadow:var(--poa-shadow);
}

.poa-news-content h3{
    color:#fff;
}

.poa-news-content p{
    color:rgba(255,255,255,.48);
}

.poa-news-date{
    color:var(--poa-neon);
}

/* MATCH CENTER */

.poa-section-dark{
    background:
        radial-gradient(circle at 12% 30%,rgba(20,190,86,.10),transparent 28%),
        #020403;
}

.poa-match-feature{
    position:relative;
    overflow:hidden;
    border:1px solid var(--poa-border);
    background:
        radial-gradient(circle at 85% 10%,rgba(168,255,99,.12),transparent 30%),
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );
    backdrop-filter:blur(18px);
    box-shadow:var(--poa-shadow);
}

.poa-link-panel{
    border:1px solid rgba(255,255,255,.075);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.06),
            rgba(255,255,255,.025)
        );
    backdrop-filter:blur(15px);
}

.poa-link-panel:hover{
    transform:translateX(4px);
    border-color:rgba(168,255,99,.22);
    background:rgba(168,255,99,.04);
}

/* TEAMS */

.poa-team-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(168,255,99,.12);
    background:
        radial-gradient(circle at 80% 10%,rgba(168,255,99,.11),transparent 30%),
        linear-gradient(
            145deg,
            rgba(12,122,58,.36),
            rgba(5,9,6,.96)
        );
    box-shadow:
        0 15px 45px rgba(0,0,0,.22);
}

.poa-team-card:nth-child(even){
    background:
        radial-gradient(circle at 80% 10%,rgba(168,255,99,.08),transparent 28%),
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(4,8,5,.96)
        );
}

.poa-team-card:hover{
    transform:translateY(-7px);
    border-color:rgba(168,255,99,.30);
    box-shadow:var(--poa-shadow);
}

/* ACADEMY */

.poa-academy-feature{
    position:relative;
    border-top:1px solid rgba(168,255,99,.07);
    border-bottom:1px solid rgba(168,255,99,.07);
    background:
        radial-gradient(circle at 75% 35%,rgba(168,255,99,.10),transparent 30%),
        radial-gradient(circle at 20% 100%,rgba(20,190,86,.13),transparent 28%),
        #030705;
}

.poa-academy-feature::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:54px 54px;
}

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

.poa-academy-stat-grid div{
    border:1px solid rgba(168,255,99,.11);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );
    backdrop-filter:blur(15px);
}

/* MEDIA / SPONSORS */

.poa-big-link{
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.06),
            rgba(3,7,4,.95)
        );
    box-shadow:
        0 20px 60px rgba(0,0,0,.25);
}

.poa-big-link-media{
    background:
        radial-gradient(circle at 90% 15%,rgba(168,255,99,.14),transparent 30%),
        linear-gradient(
            145deg,
            rgba(14,125,59,.48),
            rgba(3,8,5,.96)
        );
}

.poa-big-link:hover{
    transform:translateY(-6px);
    border-color:rgba(168,255,99,.24);
}

/* FOOTER */

.poa-footer{
    border-top:1px solid rgba(168,255,99,.08);
    background:
        radial-gradient(circle at 15% 0,rgba(20,190,86,.08),transparent 24%),
        #010302;
}

/* STANDARD PAGES */

.poa-content-page{
    color:#fff;
    background:
        radial-gradient(circle at 90% 0,rgba(20,190,86,.08),transparent 26%),
        #030604;
}

.poa-standard-content{
    padding:45px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:26px;
    background:rgba(255,255,255,.035);
    backdrop-filter:blur(14px);
}

/* MOBILE */

@media (max-width:1050px){

    .poa-nav{
        border:1px solid rgba(168,255,99,.10);
        background:rgba(5,10,7,.97);
        backdrop-filter:blur(24px);
        box-shadow:
            0 25px 60px rgba(0,0,0,.45);
    }

    .poa-menu a{
        color:#fff;
    }

    .poa-menu .sub-menu{
        background:transparent;
    }

    .poa-menu-toggle{
        border:1px solid rgba(168,255,99,.12);
        background:rgba(255,255,255,.055);
    }

    .poa-menu-toggle span{
        background:var(--poa-neon);
    }
}

@media (max-width:760px){

    .admin-bar .poa-header{
        top:46px;
    }

    .poa-hero{
        min-height:auto;
    }

    .poa-hero-grid{
        padding-top:78px;
        padding-bottom:78px;
    }

    .poa-hero::before{
        width:320px;
        height:320px;
        right:-150px;
        top:30%;
    }
}

@keyframes poaFloat{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-9px);
    }
}

@media (prefers-reduced-motion:no-preference){

    .poa-hero-ring{
        animation:
            poaFloat
            6s
            ease-in-out
            infinite;
    }
}

/* END POA FUTURE GLASS V2 */

/* POA REAL DATA V1 */
.poa-hero{position:relative;isolation:isolate}
.poa-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.24;z-index:-2;filter:saturate(.7)}
.poa-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(1,5,3,.96),rgba(2,9,5,.48))}
.poa-hero-grid,.poa-hero-meta{position:relative;z-index:1}
.poa-hero-monogram .poa-real-emblem{display:block;width:clamp(120px,18vw,230px);height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(168,255,99,.2))}
.poa-brand-logo img{width:auto;max-width:64px;max-height:64px;object-fit:contain}
.poa-match-clubs>div{min-width:0;flex:1}
.poa-match-clubs strong{display:block;font-size:clamp(17px,2vw,28px);line-height:1.25;overflow-wrap:anywhere}
.poa-match-detail{color:var(--poa-neon);font-weight:700}
.poa-academy-photo{grid-column:1/-1;margin:0;overflow:hidden;border-radius:24px;border:1px solid rgba(168,255,99,.18)}
.poa-academy-photo img{display:block;width:100%;height:250px;object-fit:cover}
.poa-big-link-media{position:relative;isolation:isolate;overflow:hidden}
.poa-media-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:-1}
.poa-sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),300px));gap:22px}
.poa-sponsor-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px;border-radius:24px;text-align:center;color:#fff;border:1px solid rgba(168,255,99,.15);background:rgba(255,255,255,.045);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.2)}
.poa-sponsor-card img{width:100%;height:130px;object-fit:contain;padding:16px;background:#fff;border-radius:16px;box-sizing:border-box}
.poa-sponsor-card small{color:var(--poa-neon)}
.poa-footer-contact-details{overflow-wrap:anywhere}
.poa-footer-socials{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}
@media(max-width:760px){
.poa-hero-photo{object-position:65% center;opacity:.18}
.poa-academy-photo img{height:210px}
.poa-match-clubs{gap:12px}
.poa-standard-content{padding:24px 16px}
.poa-standard-content img{max-width:100%;height:auto}
}
@media(prefers-reduced-motion:reduce){.poa-hero-ring{animation:none}}
/* END POA REAL DATA V1 */