/* ==========================================
   Nuro Landing Layout
========================================== */

body{

    background:var(--color-background);

    color:var(--color-text);

    font-family:var(--font-main);

}

.landing{

    width:100%;

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:var(--space-xl);

}

.container{

    width:100%;

    max-width:380px;

}

.logo{

    display:flex;

    justify-content:center;

    margin-bottom:var(--space-lg);

}

.title{

    text-align:center;

    font-size:var(--font-xl);

    font-weight:bold;

}

.subtitle{

    text-align:center;

    margin-top:var(--space-sm);

    color:var(--color-text-light);

    line-height:1.8;

}

.buttons{

    display:flex;

    flex-direction:column;

    gap:var(--space-md);

    margin-top:var(--space-xl);

}

.stats{

    margin-top:60px;

    text-align:center;

}






/* ==========================================
   Nuro Landing Page
========================================== */

body{

    background:var(--color-background);

    color:var(--color-text);

    font-family:var(--font-main);

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:100vh;

}

.landing{

    width:100%;

    display:flex;

    justify-content:center;

    padding:32px;

}

.container{

    width:100%;

    max-width:360px;

    display:flex;

    flex-direction:column;

    align-items:center;

}
/*
.logo{

    width:120px;

    height:120px;

    margin-bottom:24px;

}

.logo img{

    width:100%;

    height:100%;

    object-fit:contain;

}
*/
/* ==========================================
   Logo
========================================== 

.logo{

    width:120px;

    height:120px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:28px;

}
*/
.logo{

    width:120px;
    height:120px;

    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:28px;

    position:relative;

}

.logo img{

    width:100%;
    height:100%;

    object-fit:contain;

    user-select:none;
    pointer-events:none;

    transform-origin:center center;

    will-change:transform;

    animation:nuroBreathing 5.5s ease-in-out infinite;

    filter:drop-shadow(
        0px 12px 18px rgba(0,0,0,.18)
    );

}

.logo::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:2px;

    transform:translateX(-50%);

    width:68px;
    height:10px;

    border-radius:50%;

    background:rgba(0,0,0,.16);

    filter:blur(10px);

    z-index:0;

}
/*
.title{

    font-size:32px;

    font-weight:700;

    margin-bottom:12px;

}
*/
.title{

    font-size:34px;

    font-weight:var(--weight-extrabold);

    letter-spacing:-0.6px;

    line-height:1.2;

    margin-bottom:14px;

}
/*
.subtitle{

    text-align:center;

    color:var(--color-text-light);

    font-size:16px;

    line-height:1.9;

    margin-bottom:40px;

}
*/
.subtitle{

    text-align:center;

    color:var(--color-text-light);

    font-size:17px;

    font-weight:var(--weight-medium);

    line-height:1.85;

    margin-bottom:42px;

    max-width:300px;

}
.buttons{

    width:100%;

    display:flex;

    flex-direction:column;

    gap:16px;

}

.stats{

    margin-top:56px;

    text-align:center;

    color:var(--color-text-light);

}




/* ==========================================
   Buttons
========================================== */
/*
.buttons button{

    width:100%;

    height:56px;

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

    font-size:var(--font-md);

    font-weight:600;

    transition:all var(--transition-normal);

}
*/
.buttons button{

    width:100%;

    height:56px;

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

    font-size:16px;

    font-weight:var(--weight-bold);

    letter-spacing:.2px;

    transition:all var(--transition-normal);

}
/* Start Button */

#register_btn{

    background:var(--color-primary);

    color:#FFFFFF;

    box-shadow:var(--shadow-soft);

}

#register_btn:hover{

    background:var(--color-primary-hover);

    transform:translateY(-2px);

}

/* Login Button */

#login_btn{

    background:var(--color-surface);

    color:var(--color-primary);

    border:2px solid var(--color-primary);

}

#login_btn:hover{

    background:#EEF5FF;

    transform:translateY(-2px);

}



/* ==========================================
   Stats
========================================== */

.stats{

    margin-top:64px;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

}
/*
.stats p:first-child{

    font-size:28px;

}

.stats p:last-child{

    font-size:14px;

    color:var(--color-text-light);

    font-weight:500;

}
*/
.stats p:first-child{

    font-size:30px;

    font-weight:var(--weight-bold);

}

.stats p:last-child{

    font-size:14px;

    font-weight:var(--weight-medium);

    color:var(--color-text-light);

}