body{margin:0;font-family:Inter,sans-serif;background-color:#0f172a;color:#e2e8f0}.container{max-width:900px;margin:0 auto;padding:2rem 1rem}.card{background:#1e293b;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #0003}.card h2{margin-top:0;font-size:1.6rem;color:#f1f5f9;border-bottom:2px solid #fbbf24;padding-bottom:.5rem;margin-bottom:1rem}.scripture-buttons span{cursor:pointer;text-decoration:underline;color:#fbbf24}.center{text-align:center}.button-main{background:#fbbf24;color:#000;padding:.8rem 1.2rem;border-radius:8px;font-weight:600;display:inline-block;margin-top:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 12px #0003;position:relative}.modal-content h2{margin-top:0;font-size:1.5rem}.modal-content button{position:absolute;top:10px;right:10px;background:#fbbf24;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.modal-content p{margin-bottom:1rem}