:root{
    --gep-cng-navy:#072b4d;
    --gep-cng-navy-deep:#031f38;
    --gep-cng-green:#0b6b37;
    --gep-cng-green-bright:#159447;
    --gep-cng-green-pale:#eefaf2;
    --gep-cng-gold:#bd8b28;
    --gep-cng-ink:#132238;
    --gep-cng-muted:#5c6878;
    --gep-cng-line:#dce4ea;
    --gep-cng-danger:#a51d2d;
    --gep-cng-danger-pale:#fff1f2;
}

body.gep-cng-details-body{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(circle at 12% 10%,rgba(20,148,71,.06),transparent 28%),
        radial-gradient(circle at 88% 18%,rgba(7,43,77,.07),transparent 30%),
        #f2f5f7;
    color:var(--gep-cng-ink);
    font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
}

.gep-cng-details-shell{
    width:min(1120px,calc(100% - 32px));
    margin:32px auto;
}

.gep-cng-result-page,
.gep-cng-result-page *{
    box-sizing:border-box;
}

.gep-cng-result-page{
    width:100%;
    max-width:1120px;
    margin:28px auto;
    overflow:hidden;
    border:1px solid #d7e0e6;
    border-radius:18px;
    background:#fff;
    color:var(--gep-cng-ink);
    box-shadow:0 18px 50px rgba(4,31,56,.12);
    font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
}

.gep-cng-result-page__brand{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:190px;
    padding:18px 28px 12px;
    background:linear-gradient(180deg,#fff,#fbfcfd);
}

.gep-cng-result-page__logos{
    display:block;
    width:min(760px,86%);
    max-height:170px;
    object-fit:contain;
}

.gep-cng-result-page__gold-rule{
    height:4px;
    background:linear-gradient(90deg,var(--gep-cng-gold),#d8b65e,var(--gep-cng-gold));
}

.gep-cng-result-page__body{
    padding:30px 40px 28px;
    background:
        radial-gradient(circle at 5% 15%,rgba(12,107,55,.045) 0 2px,transparent 2px 100%),
        linear-gradient(180deg,#fff 0%,#fbfdfc 100%);
    background-size:18px 18px,auto;
}

.gep-cng-result-page__hero{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(285px,340px);
    gap:26px;
    align-items:center;
    margin-bottom:28px;
}

.gep-cng-result-page__hero-icon{
    display:grid;
    place-items:center;
    width:94px;
    height:94px;
    border-radius:25px;
    background:linear-gradient(145deg,#168545,#07592d);
    color:#fff;
    box-shadow:0 13px 28px rgba(11,107,55,.22);
}

.gep-cng-result-page--invalid .gep-cng-result-page__hero-icon,
.gep-cng-result-page--not-found .gep-cng-result-page__hero-icon{
    background:linear-gradient(145deg,#c84a57,#8d1322);
    box-shadow:0 13px 28px rgba(165,29,45,.19);
}

.gep-cng-result-page__hero-icon svg{
    width:60px;
    height:60px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gep-cng-result-page__hero-copy h1{
    margin:0;
    color:#075b31;
    font-size:clamp(23px,2.15vw,32px);
    line-height:1.08;
    letter-spacing:-.025em;
    text-transform:uppercase;
    white-space:nowrap;
}

.gep-cng-result-page--invalid .gep-cng-result-page__hero-copy h1,
.gep-cng-result-page--not-found .gep-cng-result-page__hero-copy h1{
    color:var(--gep-cng-danger);
}

.gep-cng-result-page__hero-copy h1::after{
    content:"";
    display:block;
    width:110px;
    height:3px;
    margin-top:13px;
    background:var(--gep-cng-gold);
}

.gep-cng-result-page__hero-copy p{
    max-width:650px;
    margin:12px 0 0;
    color:#344255;
    font-size:17px;
    line-height:1.55;
}

.gep-cng-result-page__hero-badge{
    display:flex;
    gap:15px;
    align-items:center;
    min-height:104px;
    padding:17px 19px;
    border:1px solid #d6aa4e;
    border-radius:15px;
    background:linear-gradient(135deg,#07552c,#178f45);
    color:#fff;
    box-shadow:0 11px 24px rgba(11,107,55,.18);
}

.gep-cng-result-page--invalid .gep-cng-result-page__hero-badge,
.gep-cng-result-page--not-found .gep-cng-result-page__hero-badge{
    border-color:#dc7c88;
    background:linear-gradient(135deg,#76101c,#b72b3c);
    box-shadow:0 11px 24px rgba(165,29,45,.16);
}

.gep-cng-result-page__hero-badge-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
}

.gep-cng-result-page__hero-badge-icon svg{
    width:52px;
    height:52px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gep-cng-result-page__hero-badge strong{
    display:block;
    margin-bottom:5px;
    font-size:18px;
    line-height:1.2;
    text-transform:uppercase;
}

.gep-cng-result-page__hero-badge small{
    display:block;
    color:rgba(255,255,255,.92);
    font-size:14px;
    line-height:1.4;
}

.gep-cng-result-page__details{
    width:100%;
    overflow:hidden;
    border:1px solid #dce3e8;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 26px rgba(4,31,56,.08);
}

.gep-cng-result-page__row{
    display:grid;
    grid-template-columns:minmax(290px,36%) minmax(0,1fr);
    min-height:78px;
    border-bottom:1px solid #e1e7eb;
}

.gep-cng-result-page__row:last-child{
    border-bottom:0;
}

.gep-cng-result-page__label{
    display:flex;
    gap:15px;
    align-items:center;
    padding:17px 24px;
    background:linear-gradient(105deg,var(--gep-cng-navy-deep),var(--gep-cng-navy));
    color:#fff;
    font-size:16px;
    font-weight:750;
}

.gep-cng-result-page__row-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:31px;
    height:31px;
    color:#f7fbff;
}

.gep-cng-result-page__row-icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gep-cng-result-page__value{
    display:flex;
    align-items:center;
    min-width:0;
    padding:17px 30px;
    overflow-wrap:anywhere;
    color:#17263a;
    background:#fff;
    font-size:17px;
    font-weight:600;
}

.gep-cng-result-page__value.certificate-number{
    color:#075b31;
    font-size:20px;
    font-weight:800;
    letter-spacing:.015em;
}

.gep-cng-result-page__value.positive-value{
    color:#075b31;
    font-weight:800;
}

.gep-cng-result-page__value.status-value{
    width:max-content;
    max-width:calc(100% - 60px);
    align-self:center;
    min-height:auto;
    margin:14px 30px;
    padding:10px 18px;
    border-radius:999px;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
}

.gep-cng-result-page__value.status-value--valid{
    background:#dff5e7;
    color:#086432;
}

.gep-cng-result-page__value.status-value--invalid{
    background:#fee5e8;
    color:#991b2a;
}

.gep-cng-result-page__information-panel{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    margin-top:28px;
    overflow:hidden;
    border:1px solid #bcd5c4;
    border-radius:18px;
    background:linear-gradient(180deg,#fbfdfb,#f5faf7);
    box-shadow:0 8px 22px rgba(4,31,56,.045);
}

.gep-cng-result-page--invalid .gep-cng-result-page__information-panel,
.gep-cng-result-page--not-found .gep-cng-result-page__information-panel{
    border-color:#e8b9bf;
    background:linear-gradient(180deg,#fffafa,#fff3f4);
}

.gep-cng-result-page__verification-summary,
.gep-cng-result-page__notice-summary{
    min-width:0;
    padding:28px 34px;
}

.gep-cng-result-page__verification-summary{
    border-right:1px solid #c8d9ce;
}

.gep-cng-result-page--invalid .gep-cng-result-page__verification-summary,
.gep-cng-result-page--not-found .gep-cng-result-page__verification-summary{
    border-right-color:#e6c5ca;
}

.gep-cng-result-page__summary-heading{
    display:flex;
    gap:18px;
    align-items:center;
}

.gep-cng-result-page__lock-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:78px;
    height:78px;
    color:#086534;
}

.gep-cng-result-page--invalid .gep-cng-result-page__lock-icon,
.gep-cng-result-page--not-found .gep-cng-result-page__lock-icon{
    color:var(--gep-cng-danger);
}

.gep-cng-result-page__lock-icon svg{
    width:76px;
    height:76px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gep-cng-result-page__information-panel h2{
    margin:0 0 9px;
    color:#075b31;
    font-size:19px;
    line-height:1.2;
    text-transform:uppercase;
}

.gep-cng-result-page--invalid .gep-cng-result-page__information-panel h2,
.gep-cng-result-page--not-found .gep-cng-result-page__information-panel h2{
    color:var(--gep-cng-danger);
}

.gep-cng-result-page__stars{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    color:var(--gep-cng-gold);
    font-size:13px;
    letter-spacing:2px;
}

.gep-cng-result-page__stars span{
    width:38px;
    height:1px;
    background:var(--gep-cng-gold);
}

.gep-cng-result-page__verification-summary>p{
    margin:22px 0 0;
    color:#334155;
    font-size:15px;
    line-height:1.65;
}

.gep-cng-result-page__notice-copy{
    display:flex;
    gap:16px;
    align-items:flex-start;
}

.gep-cng-result-page__notice-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:50%;
    background:#e4f4e9;
    color:#086534;
}

.gep-cng-result-page--invalid .gep-cng-result-page__notice-icon,
.gep-cng-result-page--not-found .gep-cng-result-page__notice-icon{
    background:#fde8eb;
    color:var(--gep-cng-danger);
}

.gep-cng-result-page__notice-icon svg,
.gep-cng-result-page__verify-anytime>span svg{
    width:32px;
    height:32px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gep-cng-result-page__notice-summary p{
    margin:0;
    color:#3d4a5b;
    font-size:14px;
    line-height:1.6;
}

.gep-cng-result-page__verify-anytime{
    display:flex;
    gap:14px;
    align-items:center;
    margin-top:22px;
    color:#075b31;
}

.gep-cng-result-page__verify-anytime>span{
    flex:0 0 auto;
    display:grid;
    place-items:center;
}

.gep-cng-result-page__verify-anytime small,
.gep-cng-result-page__verify-anytime strong{
    display:block;
}

.gep-cng-result-page__verify-anytime small{
    margin-bottom:4px;
    color:#475569;
    font-size:13px;
}

.gep-cng-result-page__verify-anytime strong{
    max-width:100%;
    font-size:12px;
    line-height:1.35;
    white-space:nowrap;
}

.gep-cng-result-page__verify-anytime a{
    color:#075b31!important;
    text-decoration:none!important;
}

.gep-cng-result-page__verify-anytime a:hover{
    text-decoration:underline!important;
}

.gep-cng-result-page__open-link{
    margin-top:20px;
    text-align:center;
}

.gep-cng-result-page__open-link a{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:44px;
    padding:10px 20px;
    border-radius:9px;
    background:var(--gep-cng-green);
    color:#fff!important;
    font-weight:750;
    text-decoration:none!important;
}

.gep-cng-result-page__open-link a:hover{
    background:#07582e;
}

.gep-cng-result-page__motto{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    min-height:62px;
    padding:15px 54px;
    overflow:hidden;
    background:linear-gradient(100deg,var(--gep-cng-navy-deep),var(--gep-cng-navy));
    color:#fff;
    font-size:14px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.gep-cng-result-page__motto::before,
.gep-cng-result-page__motto::after{
    content:"";
    position:absolute;
    bottom:-20px;
    width:70px;
    height:70px;
    border:3px solid var(--gep-cng-gold);
    border-top-color:transparent;
    border-radius:50%;
    opacity:.9;
}

.gep-cng-result-page__motto::before{
    left:-18px;
    transform:rotate(35deg);
}

.gep-cng-result-page__motto::after{
    right:-18px;
    transform:rotate(-35deg);
}

.gep-cng-result-page__motto b{
    color:var(--gep-cng-gold);
}

.gep-cng-modern-search{
    width:min(900px,100%);
    margin:24px auto;
    padding:22px;
    border:1px solid #dce4ea;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 24px rgba(4,31,56,.08);
    font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
}

.gep-cng-modern-search__heading{
    display:flex;
    gap:14px;
    align-items:center;
    margin-bottom:16px;
}

.gep-cng-modern-search__icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:13px;
    background:#e8f6ed;
    color:#0a7139;
}

.gep-cng-modern-search__icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gep-cng-modern-search h2{
    margin:0 0 3px;
    color:var(--gep-cng-navy);
    font-size:22px;
}

.gep-cng-modern-search p{
    margin:0;
    color:#667085;
    font-size:14px;
}

.gep-cng-modern-search__controls{
    display:flex;
    gap:10px;
}

.gep-cng-modern-search__controls input{
    flex:1 1 auto;
    min-width:0;
    min-height:48px;
    margin:0!important;
    padding:10px 14px!important;
    border:1px solid #cbd5df!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#172033!important;
    font:inherit!important;
}

.gep-cng-modern-search__controls input:focus{
    outline:3px solid rgba(21,148,71,.14)!important;
    border-color:#159447!important;
}

.gep-cng-modern-search__controls button{
    flex:0 0 auto;
    min-height:48px;
    padding:10px 22px!important;
    border:0!important;
    border-radius:9px!important;
    background:var(--gep-cng-green)!important;
    color:#fff!important;
    font:inherit!important;
    font-weight:750!important;
    cursor:pointer;
}

.gep-cng-modern-search__controls button:hover{
    background:#07582e!important;
}

@media (max-width:980px){
    .gep-cng-result-page__hero{
        grid-template-columns:auto 1fr;
    }
    .gep-cng-result-page__hero-badge{
        grid-column:1/-1;
        width:100%;
    }
    .gep-cng-result-page__information-panel{
        grid-template-columns:1fr;
    }
    .gep-cng-result-page__verification-summary{
        border-right:0;
        border-bottom:1px solid #c8d9ce;
    }
    .gep-cng-result-page--invalid .gep-cng-result-page__verification-summary,
    .gep-cng-result-page--not-found .gep-cng-result-page__verification-summary{
        border-bottom-color:#e6c5ca;
    }
}

@media (max-width:760px){
    .gep-cng-details-shell{
        width:min(100% - 18px,1120px);
        margin:10px auto;
    }
    .gep-cng-result-page{
        margin:12px auto;
        border-radius:14px;
    }
    .gep-cng-result-page__brand{
        min-height:0;
        padding:14px 10px 10px;
    }
    .gep-cng-result-page__logos{
        width:100%;
    }
    .gep-cng-result-page__body{
        padding:18px 14px;
    }
    .gep-cng-result-page__hero{
        grid-template-columns:1fr;
        gap:16px;
        text-align:center;
    }
    .gep-cng-result-page__hero-icon{
        width:78px;
        height:78px;
        margin:auto;
        border-radius:22px;
    }
    .gep-cng-result-page__hero-icon svg{
        width:50px;
        height:50px;
    }
    .gep-cng-result-page__hero-copy h1{
        font-size:clamp(22px,7vw,29px);
        white-space:normal;
    }
    .gep-cng-result-page__hero-copy h1::after{
        margin:12px auto 0;
    }
    .gep-cng-result-page__hero-copy p{
        font-size:16px;
    }
    .gep-cng-result-page__hero-badge{
        grid-column:auto;
        text-align:left;
    }
    .gep-cng-result-page__row{
        grid-template-columns:1fr;
    }
    .gep-cng-result-page__label{
        min-height:52px;
        padding:12px 16px;
    }
    .gep-cng-result-page__value{
        min-height:56px;
        padding:14px 18px;
    }
    .gep-cng-result-page__value.status-value{
        margin:12px 18px;
        max-width:calc(100% - 36px);
    }
    .gep-cng-result-page__verification-summary,
    .gep-cng-result-page__notice-summary{
        padding:22px 18px;
    }
    .gep-cng-result-page__summary-heading{
        align-items:flex-start;
    }
    .gep-cng-result-page__lock-icon{
        width:58px;
        height:58px;
    }
    .gep-cng-result-page__lock-icon svg{
        width:56px;
        height:56px;
    }
    .gep-cng-result-page__verify-anytime{
        align-items:flex-start;
    }
    .gep-cng-result-page__verify-anytime strong{
        white-space:normal;
        overflow-wrap:anywhere;
    }
    .gep-cng-result-page__motto{
        flex-wrap:wrap;
        gap:8px 12px;
        font-size:11px;
        letter-spacing:.07em;
    }
    .gep-cng-modern-search{
        padding:16px;
    }
    .gep-cng-modern-search__controls{
        flex-direction:column;
    }
    .gep-cng-modern-search__controls button{
        width:100%;
    }
}