:root{--navy:#071a35;--navy2:#020b1b;--royal:#0b315f;--gold:#c98f26;--gold2:#f4c462;--cream:#fff8ea;--cream2:#fffdf8;--text:#071a35;--muted:#68758a;--card:#ffffff;--line:#efdfc4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#fff 0,#fff9ec 44%,#eef5ff 100%);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.login-screen{min-height:100svh;background:linear-gradient(180deg,#fffdf8 0%,#fff7e6 60%,#071a35 60%,#020b1b 100%);display:grid;place-items:center;padding:16px;overflow:hidden;position:relative}.login-screen:after{content:"";position:absolute;left:-20%;right:-20%;bottom:20%;height:180px;background:linear-gradient(135deg,transparent 18%,var(--gold2) 19%,var(--gold) 23%,var(--navy) 24%,var(--navy2) 100%);border-radius:100% 100% 0 0/65% 65% 0 0;opacity:.95}.login-card{width:min(440px,100%);text-align:center;padding:8px 14px 26px;position:relative;z-index:1}.reveal{animation:rise .6s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.login-logo{width:178px;max-width:52%;margin:0 auto 8px;filter:drop-shadow(0 8px 15px #001a2920)}.login-card h1{font-size:36px;line-height:1.03;margin:6px 0 12px;color:var(--navy);font-weight:950;letter-spacing:-.8px}.login-card h1 span{display:block;color:var(--gold);font-size:21px;font-weight:900;margin-bottom:5px}.login-hero-wrap{background:#fff;border:1px solid var(--line);border-radius:24px;padding:8px;box-shadow:0 18px 40px #061d3824;overflow:hidden}.login-jesus{width:100%;display:block;border-radius:18px;animation:float 4s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.login-copy{font-size:16px;line-height:1.42;font-weight:800;margin:16px 0 0;color:var(--navy)}.name-form{margin-top:16px;display:grid;gap:12px}.name-form label{position:absolute;left:-9999px}.name-form input{height:60px;border:1px solid var(--line);border-radius:18px;padding:0 21px;font-size:17px;background:#fff;box-shadow:0 8px 24px #001b3314;outline:none}.name-form input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #f4c46230}.name-form button,.download{height:60px;border:none;border-radius:18px;background:linear-gradient(135deg,var(--navy),#00142c);color:var(--gold2);font-weight:950;font-size:19px;letter-spacing:.5px;box-shadow:0 12px 24px #001b3340;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:16px}.name-form button:active,.download:active,.bonus-card:active,.big-card:active{transform:scale(.985)}.app{max-width:520px;margin:auto;min-height:100svh;padding:0 16px 96px;background:linear-gradient(180deg,#fffdf8,#fff8ed 45%,#f9fbff);box-shadow:0 0 0 1px #e8ddce}.topbar{position:sticky;top:0;z-index:5;height:88px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,248,.92);backdrop-filter:blur(14px);padding-top:env(safe-area-inset-top)}.topbar img{height:76px;object-fit:contain}.icon-btn{border:0;background:#fff;border:1px solid var(--line);width:42px;height:42px;border-radius:14px;font-size:24px;color:var(--navy);box-shadow:0 8px 18px #061d3810}.view{display:none}.view.active{display:block}.welcome{padding:4px 4px 12px}.welcome h2{margin:0;color:var(--gold);font-size:24px}.welcome p{margin:5px 0 0;color:var(--muted);font-weight:700}.hero{width:100%;border-radius:24px;display:block;box-shadow:0 18px 40px #061d3824;border:1px solid #fff;object-fit:cover}.verse-card,.support-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;margin:16px 0;padding:20px;box-shadow:0 12px 28px #061d3812}.section-title{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:19px}.verse-card blockquote{font-size:20px;line-height:1.35;margin:16px 0;text-align:center;font-weight:900}.verse-ref{text-align:center;color:var(--gold);font-size:18px;font-weight:950;margin:0}.verse-card small{display:block;text-align:center;color:var(--muted);font-weight:700;margin-top:12px}.main-section{margin:26px 0}.main-section h2{text-align:center;font-size:24px;color:var(--navy);margin:0 0 14px;font-weight:950;letter-spacing:.2px}.main-section h2:after{content:"";display:block;width:70px;height:3px;background:linear-gradient(90deg,var(--gold2),var(--gold));margin:8px auto 0;border-radius:10px}.big-card{width:100%;border:0;border-radius:26px;background:linear-gradient(145deg,#08234a,#031126);color:white;overflow:hidden;box-shadow:0 18px 36px #001b3336;padding:0;text-align:center;position:relative}.big-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,#f4c46225,transparent 45%);pointer-events:none}.big-card img{width:100%;display:block;max-height:330px;object-fit:contain;background:#fff;padding:10px}.big-card div{padding:18px 18px 10px}.big-card strong{display:block;font-size:28px;text-transform:uppercase}.big-card span{display:block;margin-top:8px;font-size:16px;color:#f6f1e8}.big-card em{font-style:normal;margin:0 auto 22px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy);font-weight:950;border-radius:999px;padding:14px 36px;display:inline-block}.bonus-list{display:grid;gap:13px}.bonus-card{min-height:88px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fffaf3);border-radius:20px;padding:10px;display:grid;grid-template-columns:70px 1fr 26px;align-items:center;gap:14px;text-align:left;box-shadow:0 10px 24px #061d3812}.bonus-card img{width:70px;height:70px;border-radius:17px;object-fit:cover}.bonus-card span{font-size:18px;font-weight:950;color:var(--navy);line-height:1.1}.bonus-card b{font-size:32px;color:var(--navy);font-weight:400}.support-card{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center}.support-icon{font-size:34px;color:var(--gold)}.support-card h3{margin:0 0 4px}.support-card p{margin:0 0 6px;color:var(--muted);font-weight:700}.support-card a{color:var(--gold);font-weight:950;text-decoration:none;word-break:break-word}.page{padding:8px 0 24px}.back{border:0;background:#fff;border-radius:999px;padding:12px 16px;color:var(--navy);font-weight:950;box-shadow:0 7px 18px #061d3812;margin:4px 0 12px}.page-cover{width:100%;border-radius:24px;box-shadow:0 16px 38px #061d3829;max-height:380px;object-fit:cover;background:#fff;border:1px solid #fff}.page h1{font-size:31px;margin:20px 4px 8px;color:var(--navy);line-height:1.05}.lead{font-size:17px;line-height:1.5;color:#3e4b5c;margin:0 4px 18px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);height:78px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,var(--navy),var(--navy2));border-radius:24px 24px 0 0;box-shadow:0 -10px 30px #061d3830}.bottom-nav button{border:0;background:transparent;color:white;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav span{font-size:12px;font-weight:800}.bottom-nav button:first-child{color:var(--gold2)}@media(min-width:760px){.login-card{transform:scale(.96)}body{background:#071a35}.app{border-left:1px solid #e8ddce;border-right:1px solid #e8ddce}}