@font-face{
    font-family:"Yekan";

    src:
        url("/wp-content/themes/amoozeshyar/assets/fonts/4/Yekan.woff2") format("woff2"),
        url("/wp-content/themes/amoozeshyar/assets/fonts/4/Yekan.woff") format("woff"),
        url("/wp-content/themes/amoozeshyar/assets/fonts/4/Yekan.ttf") format("truetype");

    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

:root{

    --ps-font:"Yekan",Tahoma,Arial,sans-serif;

    --ps-bg:#03060b;

    --ps-card:#0b121b;

    --ps-blue:#1f6fff;
    --ps-blue-dark:#103b8d;

    --ps-cyan:#67d7ff;

    --ps-text:#ffffff;

    --ps-muted:rgba(255,255,255,.62);

    --ps-soft:rgba(255,255,255,.38);

    --ps-border:rgba(255,255,255,.08);

    --ps-shadow:0 30px 90px rgba(0,0,0,.52);
}

/* =========================
   Reset
========================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

html,
body{
    background:var(--ps-bg);
    color:var(--ps-text);
    overflow-x:hidden;
}

body,
button,
input,
textarea,
select,
a,
span,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:var(--ps-font) !important;
}

/* =========================
   Page
========================= */

.ps-page{

    width:100%;
    min-height:100dvh;

    direction:rtl;

    background:
        radial-gradient(circle at 18% 12%, rgba(31,111,255,.18), transparent 28%),
        radial-gradient(circle at 82% 22%, rgba(103,215,255,.08), transparent 30%),
        radial-gradient(circle at 50% 90%, rgba(71,120,255,.10), transparent 35%),
        linear-gradient(180deg,#050911 0%,#03060b 100%);

    color:#fff;

    position:relative;
    overflow:hidden;
}

/* =========================
   Header
========================= */

.ps-header{

    width:100%;

    display:flex;
    justify-content:center;

    padding:28px 20px 0;

    position:relative;
    z-index:10;
}

.ps-logo{

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

    text-decoration:none;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

.ps-logo:hover{
    transform:translateY(-2px);
    opacity:.92;
}

.ps-logo img{

    width:175px;
    max-width:44vw;

    display:block;

    filter:
        drop-shadow(
            0 8px 30px rgba(0,0,0,.35)
        );
}

/* =========================
   Hero
========================= */

.ps-hero{

    position:relative;

    padding:74px 20px 46px;

    text-align:center;
}

.ps-hero::before{

    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at center, rgba(31,111,255,.08), transparent 55%);

    pointer-events:none;
}

.ps-hero-inner{

    width:100%;
    max-width:860px;

    margin:0 auto;

    position:relative;
    z-index:2;
}

.ps-kicker{

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

    min-height:36px;

    padding:0 18px;

    margin-bottom:22px;

    border-radius:999px;

    color:#7fdcff;

    background:rgba(31,111,255,.12);

    border:1px solid rgba(31,111,255,.32);

    backdrop-filter:blur(12px);

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

    letter-spacing:.4px;
}

.ps-hero h1{

    margin:0 0 18px;

    color:#fff !important;

    font-size:clamp(32px,5vw,58px);

    font-weight:950;

    line-height:1.65;

    letter-spacing:-1px;

    text-shadow:
        0 2px 12px rgba(0,0,0,.35);
}

.ps-hero p{

    max-width:760px;

    margin:0 auto;

    color:var(--ps-muted);

    font-size:15px;

    line-height:2.3;
}

/* =========================
   Sections
========================= */

.ps-links-section,
.ps-info-section{

    position:relative;

    padding:34px 20px;
}

.ps-section-head{

    width:100%;
    max-width:760px;

    margin:0 auto 28px;

    text-align:center;
}

.ps-section-head span{

    display:inline-block;

    margin-bottom:12px;

    color:#7fdcff;

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

.ps-section-head h2{

    margin:0;

    color:#fff !important;

    font-size:clamp(24px,3.4vw,38px);

    font-weight:950;

    line-height:1.8;
}

.ps-second-head{
    margin-top:18px;
}

/* =========================
   Support Cards
========================= */

.ps-support-grid{

    width:100%;
    max-width:1060px;

    margin:0 auto 38px;

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

    gap:18px;
}

.ps-support-card{

    position:relative;

    min-height:190px;

    padding:28px;

    border-radius:30px;

    display:flex;
    align-items:flex-start;

    gap:18px;

    text-decoration:none;

    color:#fff;

    background:
        radial-gradient(circle at 90% 0%, rgba(31,111,255,.16), transparent 34%),
        linear-gradient(180deg, rgba(18,26,37,.92), rgba(8,11,16,.98));

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

    overflow:hidden;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

    box-shadow:
        0 24px 70px rgba(0,0,0,.32);
}

.ps-support-card::before{

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.04),
            transparent
        );

    transform:translateX(120%);

    transition:1s ease;

    pointer-events:none;
}

.ps-support-card:hover{

    transform:translateY(-6px);

    border-color:rgba(255,255,255,.16);
}

.ps-support-card:hover::before{
    transform:translateX(-120%);
}

.ps-support-card.ps-primary{

    border-color:rgba(31,111,255,.5);

    box-shadow:
        0 24px 70px rgba(0,0,0,.36),
        0 0 36px rgba(31,111,255,.18);
}

/* =========================
   Media Cards
========================= */

.ps-links-grid{

    width:100%;
    max-width:1060px;

    margin:0 auto;

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

    gap:16px;
}

.ps-contact-card{

    position:relative;

    min-height:170px;

    padding:22px;

    border-radius:28px;

    display:flex;
    align-items:flex-start;

    gap:16px;

    text-decoration:none;

    color:#fff;

    background:
        radial-gradient(circle at 90% 0%, rgba(31,111,255,.12), transparent 34%),
        linear-gradient(180deg, rgba(18,26,37,.88), rgba(8,11,16,.96));

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

    overflow:hidden;

    transition:
        transform .25s ease,
        border-color .25s ease;

    box-shadow:
        0 20px 60px rgba(0,0,0,.28);
}

.ps-contact-card::before{

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.03),
            transparent
        );

    transform:translateX(120%);

    transition:.9s ease;

    pointer-events:none;
}

.ps-contact-card:hover{

    transform:translateY(-5px);

    border-color:rgba(255,255,255,.16);
}

.ps-contact-card:hover::before{
    transform:translateX(-120%);
}

/* =========================
   Icons
========================= */

.ps-card-icon{

    width:44px;
    height:44px;

    min-width:44px;

    border-radius:16px;

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

    background:rgba(31,111,255,.12);

    border:1px solid rgba(31,111,255,.28);

    color:#7fdcff;

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

    backdrop-filter:blur(12px);
}

/* =========================
   Card Typography
========================= */

.ps-support-card h3,
.ps-contact-card h3{

    margin:0 0 10px;

    color:#fff !important;

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

    line-height:1.7;
}

.ps-support-card p,
.ps-contact-card p{

    margin:0 0 12px;

    color:var(--ps-muted);

    font-size:13.5px;

    line-height:2.1;
}

.ps-support-card strong,
.ps-contact-card strong{

    display:block;

    direction:ltr;
    text-align:right;

    color:#7fdcff;

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

    word-break:break-all;
}

/* =========================
   Info Section
========================= */

.ps-info-section{

    width:100%;
    max-width:1060px;

    margin:0 auto;

    display:grid;
    grid-template-columns:1.4fr .8fr;

    gap:18px;

    padding-bottom:68px;
}

.ps-info-card,
.ps-mini-card{

    border-radius:30px;

    background:
        radial-gradient(circle at 10% 0%, rgba(31,111,255,.12), transparent 34%),
        linear-gradient(180deg, rgba(18,26,37,.94), rgba(7,10,15,.99));

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

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

.ps-info-card{
    padding:28px;
}

.ps-info-card h2{

    margin:0 0 24px;

    color:#fff !important;

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

    line-height:1.8;
}

.ps-info-list{

    display:grid;

    gap:12px;
}

.ps-info-item{

    display:flex;
    align-items:flex-start;

    gap:12px;

    padding:15px;

    border-radius:20px;

    background:rgba(255,255,255,.04);

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

.ps-info-item span{

    width:30px;
    height:30px;

    min-width:30px;

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

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            var(--ps-blue),
            var(--ps-blue-dark)
        );

    color:#fff;

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

.ps-info-item p{

    margin:0;

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

    font-size:13.5px;

    line-height:2.05;
}

/* =========================
   Mini Card
========================= */

.ps-mini-card{

    padding:26px;

    align-self:start;
}

.ps-mini-card h3{

    margin:0 0 14px;

    color:#fff !important;

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

    line-height:1.7;
}

.ps-mini-card p{

    margin:0 0 20px;

    color:var(--ps-muted);

    font-size:14px;

    line-height:2.15;
}

.ps-mini-card a{

    min-height:54px;

    border-radius:18px;

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

    text-decoration:none;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            var(--ps-blue),
            var(--ps-blue-dark)
        );

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

    box-shadow:
        0 18px 44px rgba(31,111,255,.24);

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

.ps-mini-card a:hover{

    transform:translateY(-2px);

    box-shadow:
        0 22px 52px rgba(31,111,255,.32);
}

/* =========================
   Footer
========================= */

.ps-footer{

    width:100%;

    padding:26px 20px 36px;

    text-align:center;

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

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

.ps-footer p{

    margin:0 0 12px;

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

    font-size:13px;
}

.ps-footer div{

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

    gap:16px;

    flex-wrap:wrap;
}

.ps-footer a{

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

    text-decoration:none;

    font-size:13px;

    transition:.2s ease;
}

.ps-footer a:hover{
    color:#fff;
}

/* =========================
   Responsive
========================= */

@media(max-width:980px){

    .ps-links-grid{
        grid-template-columns:1fr;
        max-width:620px;
    }

    .ps-info-section{
        grid-template-columns:1fr;
        max-width:620px;
    }

}

@media(max-width:860px){

    .ps-support-grid{
        grid-template-columns:1fr;
        max-width:620px;
    }

}

@media(max-width:640px){

    .ps-header{
        padding-top:24px;
    }

    .ps-logo img{
        width:150px;
    }

    .ps-hero{
        padding:56px 16px 32px;
    }

    .ps-hero h1{

        font-size:31px;

        line-height:1.8;
    }

    .ps-hero p{
        font-size:14px;
    }

    .ps-links-section,
    .ps-info-section{
        padding-left:14px;
        padding-right:14px;
    }

    .ps-support-card,
    .ps-contact-card{

        padding:20px;

        border-radius:24px;

        flex-direction:column;
    }

    .ps-info-card,
    .ps-mini-card{
        border-radius:26px;
    }

    .ps-info-card{
        padding:22px;
    }

}

/* SUPPORT PAGE LOGO FIX */
.ps-logo{
    width:175px !important;
    height:64px !important;
    overflow:hidden !important;
}

.ps-logo img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:contain !important;
    display:block !important;
}

@media(max-width:640px){
    .ps-logo{
        width:145px !important;
        height:52px !important;
    }

    .ps-logo img{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
    }
}