*{box-sizing:border-box;margin:0;padding:0}#root,body,html{width:100%;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#000}.page{position:relative;min-height:100vh;width:100%;background-position:50%;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.overlay{position:absolute;inset:0;background:radial-gradient(circle at top,hsla(0,0%,100%,.08),transparent 35%),radial-gradient(circle at bottom,hsla(0,0%,100%,.05),transparent 30%);pointer-events:none}.content{position:relative;z-index:2;width:100%;max-width:840px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:28px}.hero-quote h1{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.2;font-weight:700;margin-bottom:10px}.hero-quote h1,.hero-quote p{text-shadow:0 2px 12px rgba(0,0,0,.45)}.hero-quote p{font-size:clamp(1rem,2vw,1.25rem);opacity:.95}.verse-card{width:100%;max-width:720px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:24px 20px;box-shadow:0 10px 40px rgba(0,0,0,.28)}.verse-label{display:inline-block;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-bottom:14px}.verse-text{font-size:clamp(1.15rem,2.5vw,1.75rem);line-height:1.6;font-weight:500;margin-bottom:16px}.verse-reference{font-size:1rem;font-weight:700;opacity:.95}.developer-link{color:#fff;text-decoration:none;font-size:.95rem;opacity:.9;border-bottom:1px solid hsla(0,0%,100%,.45);padding-bottom:2px;transition:opacity .2s ease,transform .2s ease}.developer-link:hover{opacity:1;transform:translateY(-1px)}@media (max-width:768px){.page{padding:18px}.content{gap:22px}.verse-card{padding:20px 16px;border-radius:18px}.verse-text{line-height:1.5}}@media (max-width:420px){.hero-quote h1{font-size:1.6rem}.hero-quote p{font-size:.98rem}.verse-text{font-size:1.05rem}.developer-link{font-size:.88rem}}