/* Template nibras: ruled notebook paper, maroon ink and lantern gold. */
:root{--fb:'Almarai';--fh:'Amiri';--bg:#FBF5E9;--ink:#2A1D16;--ink2:#6B5A4E;--line:#E5D8BF;--acc:#8A1E3B;--gold:#E0A33A;--slate:#2F4858;--nav-bg:rgba(251,245,233,.95);--nav-solid:#FBF5E9;--demo-bg:#8A1E3B;--r-in:6px;--rule:repeating-linear-gradient(180deg,transparent 0 31px,#E3D5BA 31px 32px)}
.nibras .nav{border-bottom:2px solid var(--line)}
.nibras .btn{border-radius:6px}.nibras .cta,.nibras .b1,form .btn{background:var(--acc);color:#fff;box-shadow:3px 3px 0 var(--ink)}
.nibras .b2{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px}
.kick{color:var(--acc)}
.sec-h h2{font-size:42px;font-weight:700;color:var(--ink)}.sec-h h2 em{font-style:normal;color:var(--acc)}
.hero{padding:50px 0 70px;background:var(--bg)}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.page{position:relative;background:#FFFDF7 var(--rule);background-position:0 18px;border:1px solid var(--line);border-radius:4px;padding:36px 40px 36px;padding-inline-start:64px;box-shadow:0 2px 0 #EFE4CF,0 4px 0 #E5D8BF,0 20px 40px rgba(80,50,20,.1)}
.page::before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:40px;width:2px;background:#D98B8B}
.hero .tag{display:inline-block;background:var(--gold);color:var(--ink);font-weight:800;font-size:13px;padding:4px 12px;transform:rotate(-2deg)}
.hero h1{font-size:58px;margin:14px 0;line-height:1.3}.hero h1 em{font-style:normal;color:var(--acc);background:linear-gradient(transparent 62%,rgba(224,163,58,.45) 62%)}
.page>p{font-size:18px;color:var(--ink2);line-height:2}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.board{position:relative;display:grid;gap:18px;justify-items:center}
.photo{background:#fff;padding:12px 12px 44px;box-shadow:0 18px 36px rgba(80,50,20,.18);transform:rotate(2.5deg);width:min(380px,100%);position:relative}
.photo::before{content:"";position:absolute;top:-14px;inset-inline-start:40%;width:90px;height:28px;background:rgba(224,163,58,.55);transform:rotate(-4deg)}
.photo>div{aspect-ratio:4/3;background:center/cover}
.notes{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.notes div{width:110px;padding:12px;background:#FFE88A;box-shadow:0 8px 16px rgba(80,50,20,.15);transform:rotate(-3deg)}
.notes div:nth-child(2){background:#FFC9C9;transform:rotate(2deg)}.notes div:nth-child(3){background:#C9E8D9;transform:rotate(-1deg)}
.notes b{display:block;font-family:var(--fh);font-size:30px;line-height:1.1}.notes span{font-size:13px;color:var(--ink2)}
.ix{grid-template-columns:repeat(3,1fr)}
.ix .card{position:relative;background:#FFFDF7 var(--rule);background-position:0 54px;border-top:28px solid #F3E6CC;padding-top:14px;box-shadow:0 6px 14px rgba(80,50,20,.08)}
.ix .card::before{content:"";position:absolute;top:-38px;inset-inline-start:calc(50% - 40px);width:80px;height:22px;background:rgba(138,30,59,.18);transform:rotate(-3deg)}
.ix h3{font-size:24px;color:var(--acc);margin-bottom:4px}.ix p{margin:0;color:var(--ink2);line-height:2}
.sn{grid-template-columns:repeat(3,1fr)}
.sn .card{border:0;border-radius:2px;background:#FFE88A;box-shadow:0 10px 18px rgba(80,50,20,.14);transform:rotate(-1.5deg)}
.sn .card:nth-child(2){background:#FFC9C9;transform:rotate(1.2deg)}.sn .card:nth-child(3){background:#C9E8D9;transform:rotate(-.6deg)}
.sn .i{width:30px;height:30px;color:var(--ink)}.sn h3{font-size:24px;margin:6px 0 4px}.sn p{margin:0;color:var(--ink)}
.ag{display:inline-block;font-size:12px;font-weight:700;color:var(--acc)}
.why{background:#fff}.why-v{background:center/cover;border:10px solid #fff;box-shadow:0 14px 30px rgba(80,50,20,.15);transform:rotate(-1.5deg);min-height:360px}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:14px}.ticks li{display:flex;gap:12px}.ticks .i{color:var(--acc);width:24px;height:24px}
.ticks b{display:block;font-size:17px}.ticks span{color:var(--ink2)}
.coach-s{padding-top:0;background:#fff}.coach{background:#FFFDF7 var(--rule);border-inline-start:6px solid var(--acc)}.coach img{border-radius:8px;border:6px solid #fff;box-shadow:0 8px 18px rgba(80,50,20,.15)}.coach h3{font-family:var(--fh);color:var(--acc)}
.ben{background:var(--bg)}.bc{border-radius:4px}.bc h3{font-size:24px;color:var(--slate)}
.quote{font-family:var(--fh);color:var(--acc);font-size:30px}
.nibras .portal{--po-bg:#2F4858;--po-acc:#E0A33A}
.rv{background:#fff}.rev{background:#FFFDF7 var(--rule)}.gal div{border:8px solid #fff;box-shadow:0 8px 18px rgba(80,50,20,.12);border-radius:2px}
.fq{background:var(--bg)}
.bk{background:var(--slate);color:#fff}.bk .sec-h h2{color:#fff}.bk .kick{color:var(--gold)}.bk .sec-h p{color:#C8D3DA}.bk form{background:#FFFDF7;color:var(--ink)}
footer{background:var(--ink);color:#C9B9A8}
@media (max-width:900px){.hero-in{grid-template-columns:1fr}.page{padding:26px 18px;padding-inline-start:44px}.page::before{inset-inline-start:26px}.hero h1{font-size:38px}
.ix,.sn{grid-template-columns:1fr}.sec-h h2{font-size:32px}.notes div{width:96px}}
.bk-in>*,form>*,label{min-width:0}input,select,textarea{width:100%;min-width:0}
