:root{--navy:#08182d;--navy2:#10294a;--ink:#14243a;--muted:#6f7f92;--line:#e4eaf1;--paper:#f5f7fa;--white:#fff;--blue:#2879e8;--cyan:#42bde8;--good:#13a873;--warn:#f3a624;--danger:#e74d5f;--shadow:0 18px 55px rgba(17,36,62,.12)}*{box-sizing:border-box}html{background:#eef3f8}body{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#eaf1f8 0,#f7f9fb 460px,#f4f6f8 100%)}a{color:inherit}.pp-shell{min-height:100vh;position:relative}.pp-bg{position:absolute;z-index:0;left:0;right:0;top:0;height:500px;background:linear-gradient(90deg,rgba(5,21,41,.95),rgba(7,31,58,.86) 50%,rgba(8,34,64,.76)),url('../images/hokimiyat.jpg') center 42%/cover no-repeat}.pp-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 30%,rgba(53,170,232,.18),transparent 35%),linear-gradient(180deg,transparent 58%,#eaf1f8 100%)}.pp-topbar,.pp-layout,.pp-emergency,.pp-footer{position:relative;z-index:1}.pp-topbar{max-width:1420px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;color:#fff}.pp-brand{display:flex;gap:13px;align-items:center;text-decoration:none}.pp-logo,.pp-shield{display:grid;place-items:center;background:linear-gradient(145deg,#55c8ec,#246ee2);color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(34,119,221,.26)}.pp-logo{width:45px;height:45px;border-radius:14px;font-size:22px}.pp-brand b{display:block;font-size:15px;letter-spacing:.08em}.pp-brand small{display:block;margin-top:3px;color:#aabbd0;font-size:12px}.pp-clock{text-align:right}.pp-clock b{display:block;font-size:17px;letter-spacing:.08em}.pp-clock span{display:block;margin-top:3px;color:#aabbd0;font-size:11px}.pp-emergency{max-width:1364px;margin:0 auto 14px;background:#fff4f5;border:1px solid #f2c8ce;border-radius:16px;padding:13px 16px;display:flex;align-items:center;gap:13px;box-shadow:0 8px 28px rgba(100,23,36,.07)}.pp-emergency-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#e84e60;color:#fff;font-weight:900}.pp-emergency b{color:#a52131}.pp-emergency p{margin:2px 0 0;color:#723d43;font-size:13px}.pp-emergency a{margin-left:auto;color:#a52131;font-weight:800;text-decoration:none;font-size:13px}.pp-layout{max-width:1420px;margin:auto;padding:24px 28px 50px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start}.pp-content{min-width:0}.pp-hero-copy{color:#fff;max-width:840px;padding:12px 2px 22px}.pp-kicker{font-size:11px;letter-spacing:.22em;font-weight:800;color:#75d2ed}.pp-hero-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.035em;margin:12px 0 14px;max-width:820px}.pp-hero-copy h1 em{font-style:normal;color:#7bd6ed}.pp-hero-copy p{margin:0;color:#b9c8d8;font-size:16px;line-height:1.65;max-width:720px}.pp-utilities{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:5px 0 18px}.pp-utility{min-height:88px;padding:14px;border-radius:17px;background:rgba(255,255,255,.96);border:1px solid rgba(228,234,241,.9);box-shadow:0 12px 35px rgba(18,42,70,.08);display:flex;gap:12px;align-items:center}.pp-util-icon{font-size:28px}.pp-util-code{min-width:42px;height:42px;border-radius:12px;background:#eff5fb;display:grid;place-items:center;font-size:12px;font-weight:900;color:#35577c}.pp-utility span{display:block;color:#8290a0;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.pp-utility b{display:block;margin:3px 0;font-size:20px;letter-spacing:-.03em}.pp-utility small{font-size:11px;color:#7b8b9c}.pp-utility small.up{color:#119967}.pp-utility small.down{color:#d75b65}.pp-section{margin-top:17px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.pp-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px}.pp-section-head span{display:block;font-size:10px;letter-spacing:.18em;color:#2f86df;font-weight:900}.pp-section-head h2{margin:4px 0 0;font-size:22px}.pp-section-head a{font-size:12px;color:#3578bf;text-decoration:none;font-weight:800}.pp-news-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}.pp-news-card{text-decoration:none;border:1px solid #e7ebf0;border-radius:16px;overflow:hidden;background:#fff;transition:.18s;min-width:0}.pp-news-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(26,53,84,.1)}.pp-news-photo{height:128px;background:linear-gradient(145deg,#eaf1f8,#dce8f4);display:grid;place-items:center;font-size:30px;overflow:hidden}.pp-news-photo img{width:100%;height:100%;object-fit:cover}.pp-news-card.featured .pp-news-photo{height:164px}.pp-news-copy{padding:13px}.pp-news-copy time{font-size:10px;color:#8896a6}.pp-news-copy h3{font-size:14px;line-height:1.35;margin:6px 0;color:#182a41;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-news-card.featured h3{font-size:16px}.pp-news-copy p{font-size:11px;line-height:1.5;color:#76869a;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-news-copy b{font-size:11px;color:#367bc4}.pp-ann-list{display:grid;gap:9px}.pp-ann-item{text-decoration:none;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:12px 13px;border-radius:14px;border:1px solid #e7ebef;background:#fbfcfd;transition:.18s}.pp-ann-item:hover{border-color:#cbd9e8;background:#fff}.pp-ann-mark{width:30px;height:30px;border-radius:9px;background:#eef4fa;display:grid;place-items:center;color:#4a78a6;font-weight:900}.pp-ann-item.important .pp-ann-mark{background:#fff4dd;color:#c2830b}.pp-ann-item.very_important .pp-ann-mark{background:#ffe9ec;color:#d7394c}.pp-ann-item small{font-size:9px;color:#8b98a6;text-transform:uppercase}.pp-ann-item h3{margin:3px 0;font-size:13px}.pp-ann-item p{margin:0;color:#768494;font-size:11px;line-height:1.45}.pp-arrow{color:#9bacbd}.pp-empty{padding:22px;text-align:center;color:#8593a2;background:#f7f9fb;border-radius:14px}.pp-login-column{position:sticky;top:20px}.pp-login-card{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 65px rgba(4,20,39,.23);border-radius:24px;padding:24px}.pp-login-head{display:flex;gap:13px;align-items:center;margin-bottom:20px}.pp-shield{width:47px;height:47px;border-radius:14px;font-size:22px}.pp-login-head small{color:#2782d8;font-size:10px;font-weight:900;letter-spacing:.16em}.pp-login-head h2{margin:4px 0 0;font-size:24px}.pp-alert{margin-bottom:14px;padding:11px 12px;border-radius:11px;background:#fff0f2;color:#b43d4b;border:1px solid #f1cbd0;font-size:12px}.pp-field{display:block;margin-bottom:14px}.pp-field>span{display:block;margin-bottom:6px;font-size:11px;color:#66778a;font-weight:700}.pp-field input{width:100%;height:48px;border:1px solid #dce5ee;border-radius:13px;background:#f8fafc;outline:none;padding:0 13px;font-size:15px;color:#15283f}.pp-field input:focus{background:#fff;border-color:#65a9e8;box-shadow:0 0 0 4px rgba(60,143,218,.1)}.pp-pass{position:relative}.pp-pass input{padding-right:74px}.pp-pass button{position:absolute;right:7px;top:7px;height:34px;border:0;border-radius:9px;background:#eaf2fa;color:#416b95;font-size:11px;font-weight:800;padding:0 10px;cursor:pointer}.pp-login-btn{width:100%;height:50px;border:0;border-radius:13px;background:linear-gradient(100deg,#236fdc,#48b8e4);color:#fff;font-size:14px;font-weight:900;padding:0 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 13px 27px rgba(35,111,220,.22)}.pp-auth-links{display:grid;gap:8px;margin-top:12px}.pp-auth-links a{text-decoration:none;text-align:center;padding:10px;border-radius:11px;border:1px solid #e1e8ef;color:#50687f;font-size:11px;font-weight:800}.pp-auth-links .primary{color:#2478c7;background:#eef7ff;border-color:#d5e9fa}.pp-help{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8edf2;margin-top:15px;padding-top:14px;color:#8492a0;font-size:11px}.pp-help a{color:#1f78c9;font-weight:900;text-decoration:none;font-size:13px}.pp-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pp-stats article{padding:12px 13px;background:rgba(255,255,255,.95);border:1px solid #e2e8ef;border-radius:14px;box-shadow:0 8px 25px rgba(24,48,76,.06)}.pp-stats span{display:block;font-size:9px;color:#8491a0;text-transform:uppercase;letter-spacing:.06em}.pp-stats b{display:block;margin-top:4px;font-size:20px}.pp-stats .good b{color:#169b70}.pp-trust{text-align:center;margin-top:10px;color:#6f8295;font-size:10px}.pp-trust .dot{display:inline-block;width:7px;height:7px;background:#1fba7c;border-radius:50%;box-shadow:0 0 0 4px rgba(31,186,124,.1);margin-right:6px}.pp-footer{max-width:1420px;margin:auto;padding:0 28px 24px;display:flex;justify-content:space-between;color:#8391a0;font-size:10px}.pp-footer a{text-decoration:none;color:#547ba2}@media(max-width:1120px){.pp-layout{grid-template-columns:minmax(0,1fr) 350px}.pp-news-grid{grid-template-columns:1fr 1fr}.pp-news-card.featured{grid-row:span 2}.pp-utilities{grid-template-columns:1fr 1fr}}@media(max-width:820px){body{background:#f4f6f8}.pp-bg{height:330px}.pp-topbar{padding:17px 18px}.pp-brand small,.pp-clock{display:none}.pp-layout{display:flex;flex-direction:column;padding:8px 16px 35px}.pp-login-column{order:-1;position:static;width:100%}.pp-login-card{max-width:520px;margin:5px auto 0}.pp-stats{max-width:520px;margin:9px auto 0;width:100%}.pp-content{width:100%}.pp-hero-copy{text-align:center;padding:28px 2px 16px}.pp-hero-copy h1{font-size:34px}.pp-hero-copy p{font-size:14px}.pp-utilities{grid-template-columns:1fr 1fr}.pp-section{padding:15px;border-radius:18px}.pp-news-grid{grid-template-columns:1fr 1fr}.pp-news-card.featured{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:42% 1fr}.pp-news-card.featured .pp-news-photo{height:100%;min-height:145px}.pp-footer{padding:0 18px 20px;flex-direction:column;gap:5px;text-align:center}}@media(max-width:520px){.pp-brand b{font-size:12px}.pp-logo{width:38px;height:38px}.pp-layout{padding-left:11px;padding-right:11px}.pp-login-card{padding:19px;border-radius:20px}.pp-hero-copy{padding-top:22px}.pp-hero-copy h1{font-size:30px}.pp-utilities{grid-template-columns:1fr 1fr;gap:7px}.pp-utility{min-height:76px;padding:10px;gap:8px}.pp-utility b{font-size:17px}.pp-news-grid{grid-template-columns:1fr}.pp-news-card.featured{display:block}.pp-news-card.featured .pp-news-photo{height:160px}.pp-news-photo{height:145px}.pp-section-head h2{font-size:20px}.pp-ann-item p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* =========================================================
   RC38.3.1 — RESPONSIVE FULLSCREEN / FLUID PORTAL
   Only public portal layout sizing is changed.
   ========================================================= */

html,body{width:100%;min-width:0;overflow-x:hidden}
.pp-shell{width:100%;min-height:100svh}

/* Use the screen instead of a fixed 1420px desktop canvas. */
.pp-topbar,
.pp-layout,
.pp-footer{
    width:min(97vw,1920px);
    max-width:none;
    margin-left:auto;
    margin-right:auto;
}

.pp-topbar{
    padding:clamp(18px,1.65vw,30px) clamp(18px,1.75vw,34px);
}

.pp-emergency{
    width:min(calc(97vw - 68px),1852px);
    max-width:none;
}

.pp-layout{
    min-height:calc(100svh - 108px);
    padding:clamp(12px,1.4vw,26px) clamp(18px,1.75vw,34px) clamp(34px,3.2vw,62px);
    grid-template-columns:minmax(0,1fr) clamp(390px,27vw,500px);
    gap:clamp(18px,2vw,38px);
    align-items:start;
}

.pp-content{width:100%;min-width:0}
.pp-hero-copy{max-width:min(100%,980px)}
.pp-hero-copy h1{max-width:940px;font-size:clamp(36px,3.35vw,64px)}
.pp-hero-copy p{max-width:820px;font-size:clamp(14px,1vw,17px)}

.pp-login-column{
    width:100%;
    position:sticky;
    top:clamp(14px,1.4vw,26px);
}
.pp-login-card{width:100%;padding:clamp(22px,1.65vw,30px)}

/* Cards breathe on large monitors without becoming oversized. */
.pp-utilities{gap:clamp(9px,.8vw,14px)}
.pp-utility{padding:clamp(12px,1vw,17px);min-height:clamp(82px,6vw,102px)}
.pp-section{padding:clamp(18px,1.3vw,25px);border-radius:clamp(20px,1.4vw,26px)}
.pp-news-grid{gap:clamp(10px,.9vw,16px)}
.pp-news-photo{height:clamp(128px,9vw,178px)}
.pp-news-card.featured .pp-news-photo{height:clamp(164px,11vw,214px)}

.pp-footer{padding:0 clamp(18px,1.75vw,34px) 24px}

/* 2K / ultrawide: a little more room for the portal, login remains readable. */
@media (min-width:1600px){
    .pp-layout{grid-template-columns:minmax(0,1fr) clamp(430px,25vw,500px)}
    .pp-news-copy h3{font-size:15px}
    .pp-news-card.featured h3{font-size:18px}
    .pp-ann-item h3{font-size:14px}
}

/* Compact desktop/tablet: preserve the two-column experience while it fits. */
@media (min-width:821px) and (max-width:1180px){
    .pp-topbar,.pp-layout,.pp-footer{width:100%}
    .pp-layout{grid-template-columns:minmax(0,1fr) 350px;gap:18px;padding-left:20px;padding-right:20px}
    .pp-topbar{padding-left:20px;padding-right:20px}
    .pp-footer{padding-left:20px;padding-right:20px}
    .pp-emergency{width:calc(100% - 40px)}
}

/* Mobile: login first; every block uses the full available width. */
@media (max-width:820px){
    .pp-topbar,.pp-layout,.pp-footer{width:100%;max-width:none}
    .pp-emergency{width:calc(100% - 32px);margin-left:16px;margin-right:16px}
    .pp-layout{min-height:auto;padding:8px 16px 35px}
    .pp-login-column{width:100%;position:static;top:auto}
    .pp-login-card,.pp-stats{max-width:620px;width:100%}
    .pp-content{width:100%}
}

@media (max-width:520px){
    .pp-emergency{width:calc(100% - 22px);margin-left:11px;margin-right:11px}
    .pp-layout{padding-left:11px;padding-right:11px}
}


/* =========================================================
   RC38.3.2 — TRUE FLUID PORTAL
   Desktop really uses the viewport. Removes the old 1420px
   visual canvas and keeps only the login column controlled.
   ========================================================= */

@media (min-width:821px){
    .pp-topbar,
    .pp-layout,
    .pp-footer{
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .pp-topbar{
        padding-left:clamp(28px,3vw,72px) !important;
        padding-right:clamp(28px,3vw,72px) !important;
    }

    .pp-layout{
        width:100% !important;
        max-width:none !important;
        padding-left:clamp(28px,3vw,72px) !important;
        padding-right:clamp(28px,3vw,72px) !important;
        padding-top:clamp(14px,1.35vw,28px) !important;
        padding-bottom:clamp(34px,3vw,64px) !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(400px,clamp(420px,25vw,520px)) !important;

        column-gap:clamp(24px,2.2vw,52px) !important;
        align-items:start !important;
        min-height:auto !important;
    }

    .pp-content{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
    }

    .pp-login-column{
        width:100% !important;
        max-width:520px !important;
        justify-self:end !important;
    }

    .pp-hero-copy{
        width:100% !important;
        max-width:1180px !important;
        padding-top:clamp(14px,1.2vw,26px) !important;
    }

    .pp-hero-copy h1{
        max-width:1100px !important;
        font-size:clamp(42px,3.25vw,72px) !important;
    }

    .pp-hero-copy p{
        max-width:980px !important;
        font-size:clamp(15px,1.05vw,19px) !important;
    }

    .pp-utilities{
        width:100% !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:clamp(12px,1vw,20px) !important;
    }

    .pp-section{
        width:100% !important;
        max-width:none !important;
    }

    .pp-news-grid{
        grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr) !important;
        gap:clamp(12px,1vw,20px) !important;
    }

    .pp-news-photo{
        height:clamp(150px,10vw,230px) !important;
    }

    .pp-news-card.featured .pp-news-photo{
        height:clamp(190px,12vw,280px) !important;
    }

    .pp-ann-item{
        min-height:70px;
    }

    .pp-footer{
        padding-left:clamp(28px,3vw,72px) !important;
        padding-right:clamp(28px,3vw,72px) !important;
    }

    .pp-emergency{
        width:auto !important;
        max-width:none !important;
        margin-left:clamp(28px,3vw,72px) !important;
        margin-right:clamp(28px,3vw,72px) !important;
    }
}

/* Large desktop / 2K / 4K */
@media (min-width:1600px){
    .pp-layout{
        grid-template-columns:
            minmax(0,1fr)
            minmax(440px,clamp(460px,23vw,540px)) !important;
    }

    .pp-login-card{
        padding:clamp(26px,1.5vw,36px) !important;
    }

    .pp-section-head h2{font-size:clamp(22px,1.35vw,28px)}
    .pp-news-copy h3{font-size:clamp(15px,.95vw,18px)}
    .pp-news-card.featured h3{font-size:clamp(18px,1.15vw,22px)}
    .pp-ann-item h3{font-size:clamp(14px,.9vw,17px)}
}

/* Normal notebook / compact desktop */
@media (min-width:821px) and (max-width:1180px){
    .pp-layout{
        grid-template-columns:minmax(0,1fr) 350px !important;
        padding-left:20px !important;
        padding-right:20px !important;
        gap:18px !important;
    }

    .pp-topbar,
    .pp-footer{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .pp-emergency{
        margin-left:20px !important;
        margin-right:20px !important;
    }

    .pp-utilities{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .pp-news-grid{
        grid-template-columns:1fr 1fr !important;
    }

    .pp-news-card.featured{
        grid-row:span 2;
    }
}

/* Mobile remains login-first and full width. */
@media (max-width:820px){
    .pp-topbar,
    .pp-layout,
    .pp-footer{
        width:100% !important;
        max-width:none !important;
    }

    .pp-layout{
        display:flex !important;
        flex-direction:column !important;
        padding:8px 16px 35px !important;
    }

    .pp-login-column{
        order:-1 !important;
        width:100% !important;
        max-width:none !important;
        position:static !important;
    }

    .pp-login-card,
    .pp-stats{
        width:100% !important;
        max-width:620px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
}