:root{
    --bg:#11081e;
    --panel:#1d0e31;
    --panel2:#25113e;
    --purple:#7a3eb1;
    --purple2:#a968e1;
    --green:#49c158;
    --green2:#72df79;
    --white:#fff;
    --muted:#c8bcd5;
    --border:rgba(177,115,228,.28)
}
 *{
    box-sizing:border-box
}
 html{
    scroll-behavior:smooth
}
 body.dhanvaan-community-body{
    margin:0;
    background:radial-gradient(circle at 50% -5%,rgba(122,62,177,.28),transparent 30%),linear-gradient(180deg,#0d0617 0%,#150a24 65%,#0f071a 100%);
    color:var(--white);
    font:16px/1.6 Inter,sans-serif;
    min-height:100vh
}
 body.dhanvaan-community-body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.14;
    background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:28px 28px
}
 .page{
    position: relative;
    width: 100%;
    max-width: 680px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 18px 16px 40px;
    box-sizing: border-box;
}
.top{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:9px;
    padding:8px 0 19px;
    color:#e9dff2;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase
}
.top img{
    width:29px;
    height:29px;
    border-radius:9px
}
.hero,.section{
    border:1px solid var(--border);
    background:linear-gradient(145deg,rgba(37,17,62,.94),rgba(20,9,35,.95));
    box-shadow:0 18px 55px rgba(0,0,0,.28);
    border-radius:27px
}
.hero{
    padding:20px 18px 22px;
    overflow:hidden;
    position:relative
}
.hero:after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(122,62,177,.13);
    filter:blur(4px);
    right:-95px;
    top:-92px
}
 .identity{
    position:relative;
    z-index:1;
    display:flex;
    gap:15px;
    align-items:center
}
.avatar-wrap{
    position:relative;
    flex:0 0 102px
}
.avatar{
    display:block;
    width:102px;
    height:102px;
    object-fit:cover;
    object-position:center 22%;
    border-radius:25px;
    border:2px solid var(--green);
    padding:3px;
    background:#160b25;
    box-shadow:0 0 0 5px rgba(73,193,88,.1)
}
.verified{
    position:absolute;
    right:-4px;
    bottom:-4px;
    width:30px;
    height:30px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#111;
    background:var(--green);
    border:4px solid #1d0e31;
    font-weight:900
}
 .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid rgba(114,223,121,.4);
    background:rgba(73,193,88,.08);
    color:var(--green2);
    padding:5px 10px;
    border-radius:999px;
    font-size:.69rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase
}
.identity h1{
    font:800 clamp(1.55rem,6vw,2.35rem)/1.08 Manrope,sans-serif;
    margin:10px 0 4px;
    letter-spacing:-.04em
}
.identity p{
    margin:0;
    color:#d9cce5;
    font-size:.84rem;
    font-weight:600;
    letter-spacing:.04em
}
.intro{
    font-size:1rem;
    color:#ded4e7;
    margin:23px 2px 20px
}
.intro strong{
    color:var(--green2)
}
 .stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid var(--border);
    border-radius:17px;
    overflow:hidden;
    margin-bottom:14px
}
.stat{
    text-align:center;
    padding:14px 5px;
    background:rgba(255,255,255,.018)
}
.stat+.stat{
    border-left:1px solid var(--border)
}
.stat b{
    display:block;
    color:var(--green2);
    font-size:1rem
}
.stat small{
    display:block;
    color:#a999b8;
    text-transform:uppercase;
    font-size:.62rem;
    letter-spacing:.13em;
    margin-top:2px
}
/* Telegram */
.cta.telegram {
    background: linear-gradient(135deg, #37aee2 0%, #168dcc 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(55, 174, 226, 0.25) !important;
}

.cta.telegram:hover {
    background: linear-gradient(135deg, #45b8e8 0%, #168dcc 100%) !important;
    box-shadow: 0 15px 35px rgba(55, 174, 226, 0.35) !important;
}
 .cta{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:59px;
    padding:14px 16px;
    border:0;
    border-radius:17px;
    text-decoration:none;
    color:#0a1b0d;
    background:linear-gradient(135deg,var(--green2),var(--green));
    font-weight:900;
    font-size:.98rem;
    letter-spacing:.015em;
    box-shadow:0 10px 28px rgba(73,193,88,.25);
	 margin-bottom: 10px;
    transition:.2s transform,.2s box-shadow
}
.cta:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 35px rgba(73,193,88,.35)
}
.cta:active{
    transform:translateY(0)
}
.cta svg{
    width:23px;
    height:23px
}
.tap{
    text-align:center;
    color:#9f90ad;
    font-size:.76rem;
    margin:12px 0 0
}
 .section{
    margin-top:17px;
    padding:22px
}
.section.accent{
    border-left:4px solid var(--green)
}
.label{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--green2);
    font-size:.72rem;
    letter-spacing:.15em;
    text-transform:uppercase;
    font-weight:800
}
.pulse{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 0 5px rgba(73,193,88,.12)
}
.section h2{
    font:800 1.42rem/1.2 Manrope,sans-serif;
    letter-spacing:-.03em;
    margin:9px 0 9px
}
.section>p{
    color:#d5cadf;
    margin:0 0 16px
}
.checks{
    list-style:none;
    padding:0;
    margin:0
}
.checks li{
    display:flex;
    align-items:flex-start;
    gap:11px;
    color:#cfc3da;
    margin:11px 0
}
.check{
    flex:0 0 25px;
    height:25px;
    border-radius:50%;
    border:1px solid var(--green);
    display:grid;
    place-items:center;
    color:var(--green);
    font-weight:800;
    font-size:.8rem
}
 .curriculum{
    counter-reset:item;
    list-style:none;
    margin:18px 0 0;
    padding:0
}
.curriculum li{
    counter-increment:item;
    display:grid;
    grid-template-columns:42px 1fr;
    gap:12px;
    padding:15px 0;
    border-top:1px solid var(--border)
}
.curriculum li:before{
    content:"0" counter(item);
    width:36px;
    height:30px;
    border-radius:8px;
    background:#0d0617;
    color:var(--green2);
    display:grid;
    place-items:center;
    font-weight:800;
    font-size:.74rem
}
.curriculum b{
    display:block;
    color:white
}
.curriculum span{
    display:block;
    color:#a99ab6;
    font-size:.88rem;
    margin-top:2px
}
 .mentor{
    display:flex;
    align-items:center;
    gap:14px
}
.mentor img{
    width:65px;
    height:65px;
    border-radius:18px;
    object-fit:cover;
    object-position:center 20%;
    border:1px solid var(--border)
}
.mentor h3{
    margin:0;
    font:800 1.05rem Manrope
}
.mentor p{
    margin:2px 0 0;
    color:#aa9ab8;
    font-size:.84rem
}
.disclaimer{
    font-size:.73rem;
    color:#857690;
    text-align:center;
    padding:22px 16px 4px
}
.footer{
    text-align:center;
    color:#9e8bac;
    font-size:.78rem;
    margin-top:17px
}
.footer b{
    color:#ddd0e8
}
.sticky{
    display:none
}
 @media(max-width:430px){
    .page{
        padding:12px 11px 92px
    }
a.cta {
    font-size: 13px;
}
    .hero{
        padding:17px 14px 20px;
        border-radius:23px
    }
    .avatar-wrap,.avatar{
        width:88px;
        flex-basis:88px
    }
    .avatar{
        height:88px;
        border-radius:22px
    }
    .identity{
        gap:12px
    }
    .eyebrow{
        font-size:.58rem;
        padding:4px 8px
    }
    .identity p{
        font-size:.72rem
    }
    .intro{
        font-size:.93rem
    }
    .section{
        padding:19px 17px;
        border-radius:22px
    }
    .sticky{
        display:block;
        position:fixed;
        z-index:10;
        left:12px;
        right:12px;
        bottom:max(12px,env(safe-area-inset-bottom));
        margin:auto;
        max-width:650px
    }
    .sticky .cta{
        min-height:56px;
        border:1px solid rgba(255,255,255,.2)
    }
}