*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Georgia,"Times New Roman",serif;background:#160b07;color:#f7ecd9}button,input,select{font:inherit}.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw;background:radial-gradient(circle at 72% 25%,#8b4823 0,#3a1b10 26%,#160b07 62%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#080403)}.moon{position:absolute;width:min(42vw,520px);aspect-ratio:1;border-radius:50%;right:10%;top:10%;background:radial-gradient(circle at 40% 38%,#fff4cb,#efb355 52%,#8c431f 70%,transparent 71%);filter:blur(.3px);opacity:.86}.temple{position:absolute;right:5%;bottom:12%;width:min(55vw,700px);height:42%;filter:drop-shadow(0 20px 30px #000)}.temple i,.temple b,.temple span{position:absolute;display:block;left:50%;transform:translateX(-50%);background:#120906}.temple i{bottom:0;width:58%;height:52%;border-radius:5px}.temple b{bottom:42%;width:82%;height:16%;clip-path:polygon(50% 0,100% 90%,82% 75%,80% 100%,20% 100%,18% 75%,0 90%)}.temple span{bottom:58%;width:55%;height:30%;clip-path:polygon(50% 0,100% 85%,80% 72%,76% 100%,24% 100%,20% 72%,0 85%)}.copy{position:relative;z-index:2;max-width:610px}.copy small{letter-spacing:.24em;color:#e1a34d}.copy h1{font-size:clamp(4rem,9vw,8rem);line-height:.78;margin:.25em 0;color:#fff5df}.copy h1 em{font-weight:400;color:#e6ad58}.copy p{font-size:1.2rem;line-height:1.7;color:#d5bd9e;max-width:520px}.copy button,.submit,.pray{border:0;border-radius:999px;padding:15px 26px;background:linear-gradient(135deg,#f1c56d,#bd7423);color:#2b160b;font-weight:700;cursor:pointer;box-shadow:0 8px 30px #0008}.panel{position:fixed;z-index:5;inset:0;background:#090402cc;display:grid;place-items:center;padding:20px;backdrop-filter:blur(14px)}.hidden{display:none!important}.card{position:relative;width:min(460px,100%);background:#f7efe1;color:#3a271c;border-radius:28px;padding:35px;box-shadow:0 30px 100px #000}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:2rem;cursor:pointer;color:#765}.card h2{text-align:center;font-size:1.8rem}.tabs{display:flex;background:#e8ddcc;border-radius:99px;padding:4px}.tabs button{flex:1;border:0;border-radius:99px;padding:10px;background:none;cursor:pointer}.tabs .on{background:white;box-shadow:0 2px 8px #0001}label{display:grid;gap:6px;margin:16px 0;color:#6c5848}input,select{width:100%;padding:13px;border:1px solid #d4c4af;border-radius:12px;background:#fffdf9}.submit{width:100%}.error{min-height:1.2em;color:#a42d22}.avatar{width:88px;height:88px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#d79a47;color:white;font-size:2.4rem}.muted,#session{text-align:center;color:#806b59}.count{text-align:center;margin:28px}.count strong{display:block;font-size:4rem;color:#a86520}.count span{color:#806b59}.pray{display:block;width:100%;font-size:1.1rem}.link{display:block;margin:20px auto 0;border:0;background:none;text-decoration:underline;color:#755;cursor:pointer}@media(max-width:700px){.hero{align-items:flex-end;padding:8vh 8vw}.copy h1{font-size:4.2rem}.temple{right:-20%;bottom:38%;width:110vw}.moon{width:80vw;right:-15%;top:5%}.copy p{font-size:1rem}.card{padding:30px 22px}}
