#auth-heading-title{
  padding-top:8px;
}

#auth-container{
  border:0px;
}

/* ============================================================================
   seenly.ad — auth pages (login / register / reset) custom layer
   Încărcat automat de DevDojo Auth dacă există (vezi includes/head.blade.php).
   Folosim clase proprii (.seenly-auth-*) + inline styles ca să nu depindem de
   build-ul Tailwind precompilat al pachetului. NU atinge logica formularelor.
   ========================================================================== */

/* Shell split: formular (stânga) + panou brand (dreapta) */
.seenly-auth-shell{
    display:flex;
    width:100vw;
    min-height:100vh;
    align-items:stretch;
}

/* Coloana de formular (slotul DevDojo) — lățime fixă pe desktop, full pe mobil */
@media (min-width:1024px){
    .seenly-auth-shell #auth-container-parent{
        flex:0 0 clamp(420px, 38vw, 560px);
        max-width:none;
        height:100vh;
    }
}

/* ---- Panoul de brand (dreapta) ---- */
.seenly-auth-brand{
    position:relative;
    flex:1 1 0;
    display:none;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(120% 90% at 85% 0%, #5b73ff 0%, transparent 55%),
        linear-gradient(135deg, #465fff 0%, #3a40cf 42%, #1c1e57 78%, #101232 100%);
}
@media (min-width:1024px){
    .seenly-auth-brand{ display:flex; align-items:center; }
}

/* grilă fină (mascată) + glow în colț */
.seenly-auth-brand::before{
    content:"";
    position:absolute; inset:0; z-index:1;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M34 0H0V34' fill='none' stroke='white' stroke-opacity='0.06'/%3E%3C/svg%3E");
    -webkit-mask-image:radial-gradient(120% 100% at 70% 30%, #000 35%, transparent 90%);
    mask-image:radial-gradient(120% 100% at 70% 30%, #000 35%, transparent 90%);
}
.seenly-auth-brand::after{
    content:"";
    position:absolute; z-index:1;
    width:520px; height:520px; right:-160px; bottom:-200px;
    background:radial-gradient(circle, rgba(91,115,255,.45) 0%, transparent 70%);
}

.seenly-auth-brand__content{
    position:relative; z-index:2;
    width:100%;
    max-width:30rem;
    margin:0 auto;
    padding:3rem 4rem;
    color:#fff;
    font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* logo */
.seenly-auth-brand__logo{
    display:inline-flex; align-items:center; gap:.6rem;
    margin-bottom:3rem;
    font-size:1.4rem; font-weight:700; letter-spacing:-.02em;
}
.seenly-auth-brand__logo svg{ width:34px; height:34px; color:#fff; }
.seenly-auth-brand__logo .dot{ color:rgba(255,255,255,.55); }

/* eyebrow */
.seenly-auth-brand__eyebrow{
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.35rem .75rem;
    margin-bottom:1.25rem;
    font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
    color:#fff;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
}
.seenly-auth-brand__eyebrow i{ width:6px; height:6px; border-radius:50%; background:#7dffc4; box-shadow:0 0 0 4px rgba(125,255,196,.18); }

.seenly-auth-brand__title{
    font-size:2.05rem; line-height:1.18; font-weight:700; letter-spacing:-.02em;
    margin:0 0 1rem;
}
.seenly-auth-brand__subtitle{
    font-size:1rem; line-height:1.6; color:rgba(255,255,255,.74);
    margin:0 0 2.5rem;
}

/* feature list */
.seenly-auth-feats{ display:flex; flex-direction:column; gap:1.15rem; margin:0; padding:0; list-style:none; }
.seenly-auth-feat{ display:flex; gap:.9rem; align-items:flex-start; }
.seenly-auth-feat__ic{
    flex:0 0 auto;
    width:42px; height:42px; border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
}
.seenly-auth-feat__ic svg{ width:20px; height:20px; stroke:#fff; fill:none; }
.seenly-auth-feat__tt{ font-size:.95rem; font-weight:600; margin:0 0 .15rem; }
.seenly-auth-feat__ds{ font-size:.82rem; line-height:1.45; color:rgba(255,255,255,.66); margin:0; }

/* footer microcopy */
.seenly-auth-brand__foot{
    margin-top:2.75rem; padding-top:1.5rem;
    border-top:1px solid rgba(255,255,255,.14);
    font-size:.8rem; color:rgba(255,255,255,.6);
    display:flex; align-items:center; gap:.5rem;
}
.seenly-auth-brand__foot svg{ width:16px; height:16px; stroke:rgba(255,255,255,.6); fill:none; flex:0 0 auto; }
