.daily-blessing-page{

    min-height:100vh;
    display:grid;
    place-items:center;
    padding:150px 24px 72px;

}

.daily-blessing-panel{

    position:relative;
    width:min(760px, 100%);
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:var(--radius-large);
    background:rgba(8, 26, 44, .78);
    box-shadow:var(--shadow-soft);
    backdrop-filter:blur(14px);

}

.blessing-content{

    position:relative;
    z-index:1;
    padding:clamp(38px, 8vw, 72px);
    text-align:center;

}

.blessing-orb{

    position:absolute;
    top:50%;
    left:50%;
    width:460px;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle, rgba(139, 233, 255, .26), rgba(75, 163, 255, .08) 43%, transparent 70%);
    filter:blur(10px);
    transform:translate(-50%, -50%);
    animation:blessing-drift 8s ease-in-out infinite;
    pointer-events:none;

}

.blessing-eyebrow{

    margin:0 0 8px;
    color:var(--secondary);
    font-size:.82rem;
    letter-spacing:.12em;
    text-transform:uppercase;

}

.blessing-content h1{

    margin:0;
    font-size:clamp(2.4rem, 6vw, 4rem);

}

.blessing-introduction,
.blessing-response{

    color:var(--text-muted);

}

.blessing-introduction{

    margin:12px 0 36px;

}

.blessing-quote{

    max-width:590px;
    margin:0 auto;
    padding:28px 0;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    font-family:"Cinzel", serif;

}

.blessing-quote p{

    margin:0;
    font-size:clamp(1.18rem, 3vw, 1.55rem);
    line-height:1.75;

}

.blessing-quote footer{

    margin-top:18px;
    color:var(--secondary);
    font-family:Arial, Helvetica, sans-serif;
    font-size:.9rem;

}

.blessing-receive{

    margin-top:34px;
    padding:13px 24px;
    border:1px solid rgba(139, 233, 255, .38);
    border-radius:999px;
    background:var(--primary);
    color:var(--text);
    font:inherit;
    cursor:pointer;
    box-shadow:var(--shadow-button);
    transition:transform var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-normal);

}

.blessing-receive:hover:not(:disabled){

    transform:translateY(-2px);
    filter:brightness(1.1);

}

.blessing-receive:focus-visible{

    outline:2px solid var(--secondary);
    outline-offset:3px;

}

.blessing-receive:disabled{

    cursor:default;
    background:rgba(75, 163, 255, .5);
    box-shadow:0 0 30px rgba(139, 233, 255, .3);

}

.blessing-content--received{

    animation:blessing-received .65s ease-out;

}

.blessing-response{

    min-height:1.5em;
    margin:16px 0 0;

}

.blessing-error{

    margin:0;
    padding:56px;
    color:var(--text-muted);
    text-align:center;

}

@keyframes blessing-drift{

    0%, 100%{ transform:translate(-50%, -50%) scale(.95); opacity:.7; }
    50%{ transform:translate(-50%, -50%) scale(1.08); opacity:1; }

}

@keyframes blessing-received{

    from{ transform:scale(.985); }
    50%{ transform:scale(1.012); }
    to{ transform:scale(1); }

}

@media (max-width:560px){

    .daily-blessing-page{

        padding:112px 12px 42px;

    }

    .daily-blessing-panel{

        border-radius:var(--radius-medium);

    }

    .blessing-content{

        padding:36px 24px;

    }

    .blessing-quote{

        padding:22px 0;

    }

}