*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#203d34;background:#fffdf8;font-family:Arial,sans-serif}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.site-head{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;z-index:30;background:#fffdf9ee;border-bottom:1px solid #e6e1d8}
.brand{display:flex;align-items:center;gap:10px;font:22px Georgia,serif}
.brand i{font-style:normal;color:var(--accent);border:1px solid var(--accent);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.brand small{display:block;font:8px Arial;letter-spacing:1.6px;text-transform:uppercase;color:#72837b;margin-top:4px}
.site-head nav{display:flex;gap:30px;font-size:12px}
.admin-top{border:1px solid #b9c0bb;padding:10px 14px;border-radius:40px;font-size:11px}
.hamb,.mobile-head,.mobile-admin,.shade{display:none}
.hero{min-height:640px;background:linear-gradient(120deg,var(--primary),#49695e);color:white;padding:80px 9vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw}
.eyebrow,.section-title>small{font-size:9px;letter-spacing:2.4px;font-weight:bold}
.hero h1{font:60px/1.1 Georgia,serif;max-width:700px;margin:18px 0}
.hero>div>p:last-of-type{font:17px/1.7 Georgia,serif;max-width:600px;color:#d8e3de}
.actions{display:flex;gap:12px;margin-top:28px}
.btn{display:inline-block;border:0;border-radius:4px;padding:14px 18px;background:var(--accent);color:#203b32;font-size:11px;cursor:pointer}
.outline{border:1px solid #ffffff66;background:transparent;color:white}
.message{background:#fbf7eb;color:#2b463d;padding:40px;box-shadow:0 25px 60px #102b2466}
.message>b{font-size:32px;color:var(--accent)}
.message>small{display:block;letter-spacing:1.6px;font-size:8px;margin:18px 0}
.message blockquote{font:italic 24px/1.55 Georgia,serif;margin:0}
.message cite{display:block;font:11px Georgia,serif;margin-top:18px}
.message a{display:block;border-top:1px solid #d8d0bc;margin-top:28px;padding-top:17px;font-size:10px}
.evangelho{padding:90px 8vw;background:linear-gradient(145deg,#f4f7ff,#eeeafd,#e9f4ff);color:#292d69}
.section-title{text-align:center;max-width:650px;margin:0 auto 42px}
.section-title.left{text-align:left;margin-left:0}
.section-title h2{font:42px Georgia,serif;margin:10px 0}
.section-title em{color:var(--violet)}
.section-title p{font:15px/1.6 Georgia,serif;color:#6b6c8b}
.study{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.5fr .75fr;background:white;border:1px solid #d4d7f0}
.study>article{padding:50px}
.study>article>span{font-size:9px;background:#eeecff;color:#5e54bb;padding:7px 10px;border-radius:50px}
.study h3{font:29px Georgia,serif}
.study blockquote{font:italic 18px/1.7 Georgia,serif;border-left:2px solid var(--violet);padding-left:25px;color:#4c4f7d}
.study>article>small{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#7775a2}
.reflect{margin-top:25px;background:#eef2ff;padding:18px;font:13px Georgia,serif}
.reflect b{display:block;font:8px Arial;letter-spacing:1px;margin-bottom:7px}
.study aside{background:linear-gradient(160deg,var(--blue),var(--violet));color:white;padding:40px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.study aside>b{font-size:30px;color:#c0cdff}
.study aside p{font:13px/1.6 Georgia,serif;color:#d9daf0}
.steps{max-width:1080px;margin:30px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.steps p{display:flex;gap:15px}
.steps p>b{font:27px Georgia,serif;color:var(--violet)}
.steps span{font-size:11px;color:#6d6e8d}
.steps strong{display:block;font:15px Georgia,serif;color:#34376e;margin-bottom:5px}
.library,.videos{padding:90px 8vw}
.books{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.cover{height:240px;background:var(--primary);color:#e8d7a5;display:flex;align-items:center;justify-content:space-around;flex-direction:column;font:32px Georgia,serif}
.cover img{width:100%;height:100%;object-fit:cover}
.books article>small{display:inline-block;margin-top:15px;background:#edf0e9;padding:5px;font-size:8px}
.books h3{font:18px Georgia,serif}
.books .book-author{font-size:11px;font-weight:bold;color:#566961;margin-bottom:9px}
.books .book-summary{font:12px/1.55 Georgia,serif;color:#687770;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.book-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:5px}
.book-links a{display:inline-block;font-size:9px;padding-right:7px;color:var(--primary);font-weight:bold}
.books article{display:flex;flex-direction:column}
.videos{background:#eaf0eb}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.thumb{display:block;aspect-ratio:16/9;position:relative}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb i{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}
.video-grid h3{font:19px Georgia,serif}
.video-grid p{font-size:11px}
.about{padding:105px 8vw;background:#f8f5ee;color:#173c33;position:relative;overflow:hidden}
.about:before{content:'✦';position:absolute;right:-60px;top:-110px;font:330px Georgia,serif;color:#d8c28b12}
.about-shell{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.about-visual{position:relative;min-height:560px}
.about-visual>img,.about-placeholder{width:100%;height:520px;object-fit:cover;border-radius:180px 180px 8px 8px;box-shadow:25px 28px 0 #e6ddc9}
.about-visual:before{content:'';position:absolute;inset:-18px 18px 58px -18px;border:1px solid #c8a75d;z-index:-1;border-radius:190px 190px 8px 8px}
.about-placeholder{background:linear-gradient(155deg,#1d4b40,#243d62 65%,#60468c);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.about-placeholder i{font-style:normal;color:#d6b15d;font-size:55px;margin-bottom:24px}
.about-placeholder span,.about-placeholder em,.about-placeholder strong{font:30px/1.35 Georgia,serif}
.about-placeholder em{color:#d8c3ff}
.about-placeholder strong{font-weight:normal;color:#ecd590}
.about-visual blockquote{position:absolute;right:-40px;bottom:4px;width:82%;margin:0;padding:25px 30px;background:white;box-shadow:0 18px 40px #213a3220;font:italic 16px/1.55 Georgia,serif;color:#38564e;border-left:3px solid #c8a75d}
.about-content>small{font-size:9px;letter-spacing:2.3px;font-weight:bold;color:#9a7837}
.about-content h2{font:46px/1.15 Georgia,serif;margin:15px 0 25px;color:#163d34}
.about-text{font:16px/1.8 Georgia,serif;color:#566c65;margin-bottom:32px}
.about-values{display:grid;gap:10px}
.about-values article{display:flex;align-items:center;gap:20px;padding:17px 0;border-top:1px solid #ddd6c8}
.about-values b{font:25px Georgia,serif;color:#b38a3d;min-width:36px}
.about-values h3{font:18px Georgia,serif;margin:0 0 4px;color:#234a40}
.about-values p{font-size:11px;line-height:1.5;color:#71817c;margin:0}
.empty{grid-column:1/-1;background:#fff;padding:25px;text-align:center}
footer{padding:48px 8vw;background:#102f27;color:#dbe5e0;display:flex;justify-content:space-between;align-items:center;gap:30px}
footer>p{font:italic 15px Georgia,serif;color:#d0bb7c}
.install-page,.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#273575,#68429f)}
.install-card,.login-card{width:min(92%,470px);background:white;padding:38px;border-radius:8px;box-shadow:0 25px 80px #17122f66}
.install-logo{font-size:35px;color:#6651b9}
.install-card h1,.login-card h1{font:30px Georgia,serif}
.install-card label,.login-card label{display:block;font-size:11px;margin:15px 0}
.install-card input,.login-card input{width:100%;padding:12px;border:1px solid #d7d9dc;margin-top:6px}
.success,.error{padding:12px;margin:12px 0}
.success{background:#e6f6ec}
.error{background:#ffe7e7;color:#8a2828}

@media(max-width:900px){.site-head{justify-content:center;height:68px}
.site-head nav{position:fixed;display:flex;left:0;top:0;bottom:0;width:min(83vw,340px);background:linear-gradient(165deg,var(--blue),var(--violet));color:white;z-index:60;flex-direction:column;gap:0;padding:20px 24px;transform:translateX(-105%);transition:.3s}
.site-head nav.open{transform:none}
.site-head nav>a{padding:17px 5px;border-bottom:1px solid #ffffff22;font:18px Georgia,serif}
.mobile-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}
.mobile-head button{border:0;background:#ffffff15;color:white;width:36px;height:36px;border-radius:50%;font-size:24px}
.mobile-admin{display:block!important;margin-top:auto!important;font:11px Arial!important;text-align:center;border:1px solid #ffffff55!important}
.hamb{display:block;position:absolute;left:15px;border:0;background:none;font-size:23px}
.admin-top{position:absolute;right:14px;font-size:0}
.admin-top:after{content:'⚙';font-size:16px}
.shade{position:fixed;inset:0;background:#10122b99;border:0;z-index:50}
.shade.open{display:block}
.hero{grid-template-columns:1fr;padding:60px 22px}
.hero h1{font-size:42px}
.study{grid-template-columns:1fr}
.about{padding:70px 24px}
.about-shell{grid-template-columns:1fr;gap:55px}
.about-visual{min-height:480px;max-width:480px;margin:auto;width:100%}
.about-visual>img,.about-placeholder{height:430px}
.about-visual blockquote{right:-8px;width:88%;font-size:14px;padding:20px}
.about-content h2{font-size:36px}
.study>article{padding:35px 23px}
.steps,.video-grid{grid-template-columns:1fr}
.books{grid-template-columns:repeat(2,1fr)}
.library,.videos,.evangelho{padding:65px 20px}
footer{flex-direction:column;text-align:center}
}

.hero.has-background {
  background: linear-gradient(120deg,var(--primary),#49695e);
  position: relative;
  overflow: hidden;
}
.hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero.has-background:after {
  display:none;
}
.hero.has-background .hero-content,
.hero.has-background .message {
  position: relative;
  z-index: 2;
}
