* {
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    body {
        font-family: 'Segoe UI',sans-serif;
        background: linear-gradient(135deg,#050D1A,#0A1628);
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px
    }

    .card {
        width: 100%;
        max-width: 420px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 20px;
        overflow: hidden
    }

    .card-header {
        background: linear-gradient(135deg,#FF3D2E,#FF6B35);
        padding: 28px;
        text-align: center
    }

        .card-header h1 {
            font-size: 20px;
            color: #fff;
            letter-spacing: 3px;
            font-weight: 700
        }

        .card-header p {
            color: rgba(255,255,255,0.8);
            font-size: 13px;
            margin-top: 6px
        }

    .card-body {
        padding: 36px
    }

    .field {
        margin-bottom: 20px
    }

        .field label {
            display: block;
            font-size: 12px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #8B9BB4;
            margin-bottom: 8px
        }

        .field input {
            width: 100%;
            padding: 12px 16px;
            background: #06111F;
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 8px;
            color: #E8EDF5;
            font-size: 14px;
            outline: none;
            transition: border-color .2s
        }

            .field input:focus {
                border-color: #FF6B35
            }

    .btn {
        width: 100%;
        padding: 13px;
        background: linear-gradient(135deg,#FF3D2E,#FF6B35);
        border: none;
        border-radius: 8px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer
    }

    .success {
        background: rgba(34,197,94,.1);
        border: 1px solid rgba(34,197,94,.3);
        color: #4ADE80;
        padding: 14px;
        border-radius: 8px;
        font-size: 14px;
        margin-bottom: 20px
    }

    .link-row {
        text-align: center;
        margin-top: 20px;
        font-size: 13px;
        color: #8B9BB4
    }

        .link-row a {
            color: #00BFFF;
            text-decoration: none
        }

/* V65: clickable brand/logo home link */
a.nav-logo,
a.logo,
a.logo-text,
a.brand-home {
    text-decoration: none;
    cursor: pointer;
}
a.nav-logo:hover,
a.logo:hover,
a.logo-text:hover,
a.brand-home:hover {
    filter: drop-shadow(0 0 10px rgba(0,191,255,.35));
}