/* Atma School home2 preview — Grok Bot 2026-10-14. Sharp corners, thin light-gray borders, Georgia headings */
:root{--bd:#e3e1dc}
h1,h2,h3,.card h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:0}
.btn,.langs,.theme,.card,.card-blog,.cardw,.player,.thumbs button,.yt,.teacher img,.t-chips li,.cert-in,.login,.adm,.dot,.tag,.card .tag{border-radius:0!important}
.langs{border:1px solid #dcdad5}.theme{border:1px solid #dcdad5}
/* header login */
.login,.adm{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1px solid #dcdad5;background:var(--bg2);color:var(--tx);font:600 13px/1 inherit;text-decoration:none;white-space:nowrap}
.login:hover,.adm:hover{border-color:var(--gold)}
.login .av{width:24px;height:24px;display:grid;place-items:center;background:var(--ind);color:#fff;font:700 12px/1 Georgia,serif}
.login .av img{width:24px;height:24px;object-fit:cover}
@media(max-width:1180px){.login span{display:none}.login{padding:0 9px}}@media(max-width:520px){.adm{display:none}.langs button{padding:8px 7px}}
.login[hidden],.adm[hidden]{display:none}
/* hero */
.hero.hx{position:relative;overflow:hidden;min-height:clamp(560px,82vh,780px);display:flex;align-items:center;padding:clamp(40px,6vw,80px) clamp(16px,5vw,72px);text-align:left;background:#faf7ef}
.hero.hx:before,.hero.hx:after{display:none}
.hx .scene{position:absolute;inset:0;z-index:0;pointer-events:none}
.hx .ly{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:right bottom;will-change:transform;transition:opacity .9s}
.hx .ly[data-d="2"]{object-position:center}
.hx .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.hx .slide.on{opacity:1}
.hx .pt{inset:0;width:100%;height:100%}
.hx .hero-in{position:relative;z-index:2;max-width:560px;margin:0;padding:28px 30px 26px;background:rgba(250,247,239,.82);border:1px solid #e3e1dc;backdrop-filter:blur(3px)}
.hx .hero-sym{margin:0 0 8px;width:84px}
.hx h1{font-size:clamp(36px,5.4vw,64px)}
.hx .cta{justify-content:flex-start}
.hx .dots{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.hx .dot{border:1px solid #dcdad5;background:transparent;color:var(--mu);font:600 12px/1 inherit;padding:8px 10px;cursor:pointer}
.hx .dot.on{background:var(--ind);border-color:var(--ind);color:#fff}
[data-theme=dark] .hero.hx{background:#1c1940}
[data-theme=dark] .hx .ly[data-d="2"]{opacity:.25}
[data-theme=dark] .hx .hero-in{background:rgba(28,25,64,.85);border-color:rgba(201,162,74,.28)}
[data-theme=dark] .hx .dot.on{background:var(--gold);color:var(--ind)}
@media(max-width:899px){
 .hero.hx{flex-direction:column;align-items:stretch;min-height:0;padding:22px 16px 0;text-align:center}
 .hx .scene{top:auto;height:min(78vw,520px)}
 .hx .hero-in{max-width:640px;margin:0 auto min(70vw,470px);padding:20px 16px}
 .hx .cta,.hx .dots{justify-content:center}.hx .hero-sym{margin:0 auto 6px;width:64px}
}
/* cards with illustrations */
.card:before{display:none}
.card{border:1px solid #e3e1dc;box-shadow:none}
.card:hover{box-shadow:0 14px 30px rgba(36,33,74,.08)}
.card .ill{width:min(220px,62%);height:auto;aspect-ratio:1;margin:-6px auto 2px;transition:transform .4s}
.card:hover .ill{transform:translateY(-4px) scale(1.03)}
.card h3{text-align:center}.card p{text-align:center}
.card .tag{text-transform:none}
.card-blog{border:1px solid #e3e1dc}
@media(prefers-reduced-motion:reduce){.hx .slide,.card .ill{transition:none}}

/* account menu */
.acc{position:relative}.accb{cursor:pointer;padding:0 6px}.accb .av{width:28px;height:28px}.accb .av img{width:28px;height:28px}
.accm{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--bg2);border:1px solid #dcdad5;box-shadow:0 12px 30px rgba(36,33,74,.12);z-index:60;padding:6px 0}
.accm a{display:block;padding:10px 16px;text-decoration:none;color:var(--tx);font-size:14px}.accm a:hover{background:rgba(201,162,74,.1)}
.accn{padding:8px 16px 4px;font:700 14px Georgia,serif}.acch{padding:2px 16px 6px;font-size:12px;color:var(--mu);border-bottom:1px solid #e3e1dc;margin-bottom:4px}
.accm .acca{border-top:1px solid #e3e1dc;margin-top:4px}
@media(max-width:899px){.hdr .acc{display:block}}
#amm-bar .acc{margin-left:auto;margin-right:8px}#amm-bar .accb{height:36px;border:1px solid #dcdad5;background:var(--bg2)}
.login .av,.login .av img,.accb .av,.accb .av img{border-radius:50%!important;overflow:hidden}