/* ============================= */
/* PAGE SHELL */
/* ============================= */

.page-shell{
padding:30px 0;
width:100%;
}

/* ============================= */
/* SECTION SPLIT LAYOUT */
/* ============================= */

.section-split{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:20px;
align-items:start;
width:100%;
}

.section-split > *{
min-width:0;
}

/* ============================= */
/* SERVICE CARDS */
/* ============================= */

.service-card{
position:relative;
display:flex;
flex-direction:column;
overflow:hidden;

min-width:0;
width:100%;

word-break:break-word;
overflow-wrap:anywhere;
}

/* visual glow decoration */

.service-card::after{
content:"";
position:absolute;

inset:auto -30px -40px auto;

width:120px;
height:120px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(109,227,255,.25),
transparent 70%
);

pointer-events:none;
}

/* description text */

.service-card .muted{
min-height:70px;
line-height:1.45;
}

/* ============================= */
/* AUTH GRID (LOGIN / REGISTER) */
/* ============================= */

.auth-grid{
display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

align-items:start;

width:100%;
}

.auth-grid > *{
min-width:0;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media (max-width:900px){

.section-split{
grid-template-columns:1fr;
}

}

/* mobile */

@media (max-width:780px){

.section-split{
grid-template-columns:1fr;
gap:16px;
}

.auth-grid{
grid-template-columns:1fr;
}

}

/* small mobile */

@media (max-width:480px){

.page-shell{
padding:20px 0;
}

}